Markdown快速上手基本语法

Markdown快速上手基本语法

目录

1. 什么是Markdown

2. 为什么学习Markdown

3. 如何学习Markdown

什么是Markdown

• Markdown 是一种可使用普通文本编辑器编写，通过简单的标记语法，可使普通文本内容具有一定格式的轻量级「标记语言」。

为什么学习Markdown

• Markdown 旨在简洁、高效，侧重文字而非排版，让文档更易读写
• 语法简洁明了，可读性强，容易学习掌握
• 格式转换方便，可将Markdown文本转换为html、PDF格式
• 本身的纯文本内容，兼容所有文本编辑器

如何学习Markdown

Markdown基本语法

1.标题

在行首插入 1 到 6 个 #，分别对应 6 阶标题（分别对应 HTML 中的 <h1> - <h6> 标签）

2.列表

2.1 有序列表

在内容前面加 * 或 + 或 -

2.2 无序列表

在内容前面加 1. 2. 3.

3.引用

在引用文字前面加上一个>（大于号）

4.粗体、斜体、删除线、分割线

粗体：在文字两边加上 两个 *（星号） 或 _（底线）
斜体：在文字两边加上 一个 * 或 _
删除线：在文字两边加上 两个 ~
分割线：在一行中用三个以上的 *（星号）或 -（减号）或 _（底线），对应HTML中的 <hr> 标签
注：采用 -（减号）分割时，最好使用空格隔开或上面空一行，不然三个以上连续的减号会误将上一行文字升级为二级标题！

5.超链接

格式1：[font](URL)
格式2：[font][id]
　　　　[id]: URL

demo:
[我是超链接](http://itxiaowei.top/MarkdownImg/elephant.png)
我是超链接

6.图片

格式1：![Alt text](URL)
格式2：![Alt text](URL "title")
格式3：[Alt text][id]
　　　　[id]: URL “title”

demo:
![图片无法正常显示](http://itxiaowei.top/MarkdownImg/elephant.png "cute elephant")

![图片找不到啦][2]
[2]: http://itxiaowei.top/MarkdownImg/elephant.png "cute elephant"

7.代码块

行内代码：使用 `（英文半角状态下的Tab键上面的那个键）将每行代码包裹起来。
代码块：使用 四个空格 或 一个制表符（Tab键）进行缩进,然后正常编写代码即可。[也可使用三个 ` 将代码段包裹起来]

8.表格

8.1 使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行：

name | age  
---- | ---  
MarkdownPad | 14  
xiaowang | 23  

name	age
MarkdownPad	14
xiaowang	23

8.2 为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界：

| name | age |  
| ---------- | -- |  
| MarkdownPad| 14 |  
| xiaowang   | 23 |  

name	age
MarkdownPad	14
xiaowang	23

8.3 在表头下方的分隔线标记中加入 :，即可标记下方单元格内容的对齐方式：

:— 代表左对齐
:–: 代表居中对齐
—: 代表右对齐

| left | center | right |  
| :--- | :----: | ----: |  
| aaaa | bbbbbb | ccccc |  
| a | b | c |  

left	center	right
aaaa	bbbbbb	ccccc
a	b	c

注：如果不使用对齐标记，单元格内的内容默认左对齐；表头单元格中的内容始终默认居中对齐。

Markdown小技巧

1.字符转义

使用转义符 \ (即反斜线)，用于插入在 Markdown 语法中有特殊作用的字符。

2.首行缩进

markdown 没有专门的符号进行首行缩进，把输入法置为全角状态（Shift+Space），然后输入两个空格即可。

3.换行

在行尾加上两个或以上的空格，然后按 Enter键 即可。

4.字体颜色和大小

markdown 兼容 HTML 语法，可使用 <font> 标签 来设置字体颜色和大小。
<font color="red" size="5px">设置字体颜色和大小</font>

说明：字体大小共1-7级，数字越大字体越大。

5.图片大小

markdown 兼容 HTML 语法，可使用 <img> 标签 来控制图片大小。
<img src="#" width="xx" height="xx">