[汇总]Markdown用法收集

---

👉原文阅读

---

💡章前导言

日常使用Markdown编辑文章时，有些技巧和语法非常便捷实用，就是格式太多了，在此文汇总方便随取随用。

---

---

📘正文开始

Markdown语法

1. 水平线

---:

---

___:

---

***：

---

2. 强调

2.1 粗体

**粗体**:粗体

__粗体__:粗体

2.2 斜体

*斜体*:斜体

_斜体_:斜体

2.3 删除线

~~删除线~~:删除线

3. 引用

在要引用的任何文本之前添加 >:

引用大概会在章末写参考文章链接的时候用到

引用也可以嵌套

4. 列表

4.1 无序列表

* 列表:

• 列表

- 列表:

• 列表

+ 列表:

• 列表

- 列表
	- 列表
		- 列表

• 列表
  • 列表
    • 列表

4.2 有序列表

数字+.+空格，接着后面加文字就形成有序列表了，回车列表会自动加一，例如下面的输入

1. 列表Ⅰ
2. 列表Ⅱ
3. 列表Ⅲ
4. 列表Ⅳ
5. 列表Ⅴ

最后网页呈现是这样的：

1. 列表Ⅰ
2. 列表Ⅱ
3. 列表Ⅲ
4. 列表Ⅳ
5. 列表Ⅴ

4.3 任务列表

任务列表使你可以创建带有复选框的列表

要创建任务列表, 请在任务列表项之前添加破折号 (-) 和带有空格的方括号 ([ ])

要选择一个复选框，请在方括号之间添加 x ([x])

简单来说就是勾选框的渲染，这个日常记事也蛮好用的

- [ ] 任务列表:

• 任务列表

- [x] 任务列表:

• 任务列表

5. 代码

5.1 行内代码

用` 包装行内代码段.

在这个例子中, `<section></section>` 会被包裹成代码

呈现的输出效果如下:

在这个例子中, <section></section> 会被包裹成代码

5.2 缩进代码

将几行代码缩进至少四个空格，例如:

    // 只需要在一行代码的第一个字符前面打四个及以上的空格
    line 1 of code
    line 2 of code
    line 3 of code

呈现的效果如下:

// 只需要在一行代码的第一个字符前面打四个及以上的空格
line 1 of code
line 2 of code
line 3 of code

5.3 围栏代码块

使用 “围栏” ``` 来生成一段带有语言属性的代码块

​```markdown
Sample text here...
​```

呈现的效果如下:

Sample text here...

6. 表格

通过在每个单元格之间添加竖线作为分隔线

并在标题下添加一行破折号 (也由竖线分隔) 来创建表格

PS: 竖线不需要垂直对齐

| Option | Description |
| ------ | ----------- |
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |

呈现的输出效果如下:

Option	Description
data	path to data files to supply the data that will be passed into templates.
engine	engine to be used for processing templates. Handlebars is the default.
ext	extension to be used for dest files.

---

文本右对齐或居中对齐

在任何标题下方的破折号右侧添加冒号将使该列的文本右对齐

在任何标题下方的破折号两边添加冒号将使该列的对齐文本居中

| Option | Description |
|:------:| -----------:|
| data   | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext    | extension to be used for dest files. |

呈现的输出效果如下:

Option	Description
data	path to data files to supply the data that will be passed into templates.
engine	engine to be used for processing templates. Handlebars is the default.
ext	extension to be used for dest files.

7. 链接

7.1 基本链接

<https://github.com/B1ANKC-MOV>:https://github.com/B1ANKC-MOV

<VVulpes@163.com>:VVulpes@163.com

[VVulpes · GitHub](https://github.com/B1ANKC-MOV):VVulpes · GitHub

给链接添加一个标题👇

[VVulpes·Github](https://github.com/B1ANKC-MOV "欢迎访问我的Github!")

呈现的输出效果如下 (将鼠标悬停在链接上，会有一行提示):

VVulpes的Github

7.2 定位标记

定位标记使你可以跳至同一页面上的指定锚点。例如，每个章节：

   [表格](#表格)
   [链接](#链接)
   [基本链接](#基本链接)
   [定位标记](#定位标记)

呈现的效果如下：

表格
链接
基本链接
定位标记

8. 脚注

要创建脚注引用, 请在方括号中添加插入符号和标识符 ([^1])
标识符可以是数字或单词, 但不能包含空格或制表符
在中括号内使用插入符号和数字以及用冒号和文本来添加脚注内容 ：([^1]：这是一段脚注)

标识符仅将脚注引用与脚注本身相关联 且 在脚注输出（它会自动生成）中, 脚注按顺序编号

你不一定要在文档末尾添加脚注，可以将它们放在除列表, 引用和表格等元素之外的任何位置

这是一个数字脚注[^1].
这是一个带标签的脚注[^label]

[^1]: 这是一个数字脚注
[^label]: 这是一个带标签的脚注

这是一个数字脚注¹
这是一个带标签的脚注²

9. 图片

图片的语法与链接相似, 但包含一个在前面的感叹号

![fox](https://img-blog.csdnimg.cn/img_convert/092bb53ede73f8a677a485bca84df9ba.png)

---

将鼠标悬停在图片上，显示相关文字👇

![fox](https://img-blog.csdnimg.cn/img_convert/092bb53ede73f8a677a485bca84df9ba.png "What does the fox say?")

---

像链接一样, 图片也具有脚注样式的语法：![Fox][id]
然后在文档中随便一个位置提供参考内容, 用来定义 URL 即可：[id]: https://img-blog.csdnimg.cn/img_convert/4e5ef0b16f3fb1687cb49a5b7853fde3.png "使用脚注样式的语法貌似不会被CSDN转码，可以使用源图站链接"

参考文章链接

1. Markdown 基本语法 - LoveIt (hugoloveit.com)

---

1. 这是一个数字脚注 ↩︎

2. 这是一个带标签的脚注 ↩︎