Markdown 常用语法精讲

2022/8/15 6:26:43

本文主要是介绍Markdown 常用语法精讲,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

- #### 标题 (`# 跟标题名称一定要留空格`)

> # 一级标题
> ## 二级标题
> ### 三级标题
> #### 四级标题
> ##### 五级标题
> ###### 六级标题

---

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

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

---

- #### 缩进 (使用` `)

>     这是缩进四个空格文本 (`源码:    这是缩进四个空格文本`)

---

- #### 换行 (使用`<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!



这篇关于Markdown 常用语法精讲的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程