Markdown 常用语法精讲

最新推荐文章于 2025-11-25 13:04:58 发布

原创最新推荐文章于 2025-11-25 13:04:58 发布 · 350 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编辑器

辅助工具专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍Markdown语法的各种用法，包括标题、段落、列表等基本元素，以及如何使用代码块、超链接、图片等高级特性。此外，还介绍了如何在Markdown中实现强调文本、创建表格等功能。

- #### 标题 (`# 跟标题名称一定要留空格`)
> 
> # 一级标题
> ## 二级标题
> ### 三级标题
> #### 四级标题
> ##### 五级标题
> ###### 六级标题

---

- #### 段落 (`两行之间使用空白行创建段落`)

> 段落第一行
>
> 段落第二行

---

- #### 缩进 (使用`&nbsp;`)

> &nbsp;&nbsp;&nbsp;&nbsp;这是缩进四个空格文本 (`源码：&nbsp;&nbsp;&nbsp;&nbsp;这是缩进四个空格文本`)

---

- #### 换行 (使用`<br>`)

> 第一行 (`源码：第一行<br>`)<br>
> 第二行

---

- #### 强调/加粗、斜体 (`中文斜体不适用`)

> 粗体：**abc** (`源码：**abc**`)<br>
> 斜体：*abc* (`源码：*abc*`)<br>
> 粗斜体：***abc***(`源码：***abc***`) 

---

- #### 块引用 (`>`)

> 这是引用的文本 (`源码：> 这是引用的文本`)

---

- #### 块引用在段落中使用 (`添加 > 在段落空行`)

> 段落一
>
> 段落二

---

- #### 嵌套块引用 (`使用 >>`)

> 段落一
>
>> 段落1内部

---

- #### 在块引用中使用其他元素

> ##### 使用标题
>
> - 使用列表
>
> `使用代码块`
>
> 使用加粗、斜体：**abc**、*abc*

---

- #### 有序列表

> 1. 项目1
> 2. 项目2
>   1. 项目1的子项目1
>   2. 项目1的子项目2
> 3. 项目3

---

- #### 无序列表 (`使用三者任何一个都可"-、*、+"`)

> - 项目1
> - 项目2
> - 项目3
>   - 项目3的子项目1
>   - 项目3的子项目2
> - 项目4

---

- #### 在列表中添加其他元素

> - 段落缩进
>
>   已缩进的文本：(`使用tab键缩进`)
>   > 添加块引用<br>
>   添加代码块
>   ```json
>      {
>         "name": "Alan",
>         "age": 18
>      }
>   ```
>   添加图片<br>
>   ![This is image](./markdown教学图片.jpg)

---

- #### 有序列表嵌套无序列表

> 1. 有序项目1
> 2. 有序项目2
>   - 无序项目1
>   - 无项项目2

---

- #### 代码块 (`使用反引号包裹，也可作为文本高亮使用`)

> - `code`<br>
> - `` `转义反引号` `` (`使用两个反引号前后包裹单反引号`)

---

- #### 水平线 (`使用---`)

> ---

---

- #### 超链接 

> - 例如：[百度](https://www.baidu.com) (`源码：[百度](https://www.baidu.com)`)
> - 超链接添加标题/提示语：[添加了标题链接](https://www.baidu.com "这是百度地址") (`源码：[添加了标题链接](https://www.baidu.com "这是百度地址")`)
> - 格式化超链接，加粗/斜体：***[Links](https://www.baidu.com "这是百度地址")*** (`源码：***[Links](https://www.baidu.com "这是百度地址")***`)
> - 链接中带空格，需要使用%20转义：[转义空格](https://www.baidu.com/abc%20def) (`源码：[转义空格](https://www.baidu.com/abc%20def), 会渲染成https://www.baidu.com/abc def`)

---

- #### 插入图片

> - 语法：`![图片提示文本](图片地址:相对路径/绝对路径/网络图片地址)`
> - ![本地图片](./markdown教学图片.jpg "本地图片标题") (`源码：![本地图片](./markdown教学图片.jpg "本地图片标题")`)
> - ![网络图片](https://images.unsplash.com/photo-1660324455436-4d163e51dcd1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2787&q=80 "网络图片标题")
> - [![带链接的图片](https://images.unsplash.com/photo-1660326513186-a2225cd6d086?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2861&q=80 "带链接的图片")](https://www.baidu.com)

---

- #### 转义字符 (`显示字符原意，使用\`)

> - 转义反斜杠本身：\\ (`源码：两个反斜杠`)
> - 转义反引号：\` (源码：\\`)
> - 转义星号：\* (`源码：\*`)
> - 转义下划线：\_ (`源码：\_`)
> - 转义花括号：\{} (`源码：\{}`)
> - 转义中括号：\[] (`源码：\[]`)
> - 转义尖括号：\<> (`源码：\<>`)
> - 转义小括号：\() (`源码：\()`)
> - 转义＃号：\# (`源码：\#`)
> - 转义+号：\+ (`源码：\+`)
> - 转义-号：\- (`源码：\-`)
> - 转义.号：\. (`源码\.`)
> - 转义!号：\! (`源码：\!`)
> - 转义|号：\| (`源码：\|`)

---

- #### 表格 (`---创建表头，|分隔每一列`)

> |语法|描述|
> |---|----|
> |内容1|内容2|
> |内容3|内容4|

---

- #### 多行代码块 (`首尾使用三个反引号, 首部反引号后可添加语言名称，可高亮显示`)

> ```javascript
> const node = "a"
> const fn = node => {
>     return node 
> }
>       
> ```

---

- #### 删除线 (`首尾各添加两个~~`)

> ~~这是删除线~~

---

- #### 任务列表/Todo

> - [x] 第一任务已完成 (`源码：- [x] 第一任务已完成`)
> - [ ] 第二个任务 (`源码：- [ ] 第二个任务`)
> - [ ] 第三个任务 (`注意-后加空格，[ ]内未完成时添加空格`)

---

- #### Emoji(表情)

> 从网站[Emojipedia](https://emojipedia.org/) 中复制使用

---

> ### Enjoy! 😊

预览对比

参考链接：内含截图对比

链接:
https://pan.baidu.com/s/1Xr9tW6fuxd4nkbC_RPh6hQ 提取码: c6k5

--来自百度网盘超级会员v3的分享