如何快速编写 Markdown、博客文档（语法收藏）

> > ###### [](https://blog.csdn.net/huangbiao86/article/details/120902145)h6 [](https://blog.csdn.net/huangbiao86/article/details/120902145)3、文字修饰 --------------------------------------------------------------------- 在 Markdown 文档中，可以为文字添加效果：加粗，斜体，删除线，下划线，效果可叠加 *文字斜体* **文字加粗** ***文字斜体加粗*** ~~文字删除~~ ~~**文字删除加粗**~~ ~~*文字斜体删除*~~ <u>下划线</u> 效果如下： > _文字斜体_ > **文字加粗** > _**文字斜体加粗**_ > ~文字删除~ > ~**文字删除加粗**~ > ~_文字斜体删除_~ > 下划线 [](https://blog.csdn.net/huangbiao86/article/details/120902145)4、分割线 -------------------------------------------------------------------- 分割线使用： *** --- 效果如下 > * * * > > * * * [](https://blog.csdn.net/huangbiao86/article/details/120902145)5、列表 ------------------------------------------------------------------- ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)5.1、有序列表 有序列表使用 数字 和 点 表示： 1. 有序列表一 2. 有序列表二 3. 有序列表三 效果如下： > 1. 有序列表一 > 2. 有序列表二 > 3. 有序列表三 ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)5.2、无序列表 无序列表可以使用 +、-、\* 表示其中任意一种都可以： + 无序列表 1 + 无需列表 2 + 无需列表 3 - 无需列表 1 - 无序列表 2 - 无序列表 3 * 无序列表 1 * 无序列表 2 * 无序列表 3 效果如下 > * 无序列表 1 > * 无需列表 2 > * 无需列表 3 > > * 无需列表 1 > * 无序列表 2 > * 无序列表 3 > > * 无序列表 1 > * 无序列表 2 > * 无序列表 3 ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)5.3、待办列表 待办列表可以表示任务处理状态 -\[\] 表示 待办 状态 ， -\[X\] 表示 已办 状态 > 部分网站不支持待办列表 - [ ] 待办任务 1 - [ ] 待办任务 2 - [X] 已办任务 \ 效果如下： > * [ ] 待办任务 1 > * [ ] 待办任务 2 > * [x] 已办任务 ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)5.4、列表嵌套 需要嵌套列表时，在子列表之前添加 四个空格 即可： - 无需列表 - 无序子列表 1 - 无序子列表 2 1. 有序列表 1. 有序子列表 1 2. 有序子列表 2 效果如下： > * 无需列表 > * 无序子列表 1 > * 无序子列表 2 > > 1. 有序列表 > 1. 有序子列表 1 > 2. 有序子列表 2 [](https://blog.csdn.net/huangbiao86/article/details/120902145)6、引用 ------------------------------------------------------------------- 引用一端文字使用符合 > > 这是一段引用 引用可以分为多级，一个 > 表示一级： > 一级 >> 二级 >>> 三级 >>>> 四级 >>>>>五级 效果如下： > > 一级 > > > > > 二级 > > > > > > > 三级 > > > > > > > > > 四级 > > > > > > > > > > > 五级 [](https://blog.csdn.net/huangbiao86/article/details/120902145)7、代码块 -------------------------------------------------------------------- Markdown 支持两种代码块，一种是 行内代码块，一种是 多行代码块 行内代码块 用双反引号\`\`(Tab 键上那个键)引用，会高亮显示。 多行代码块 支持多种编程语言高亮，用三个反引号 ``` 《Android 学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》 浏览器打开：qq.cn.hn/FTe 免费领取 ``` \`\`\`引用 这是行内代码块`` System.out.println `` 表示方法 这是多行代码块: //java 代码 效果如下： > 这是行内代码块`System.out.println` 表示方法 > > 这是多行代码块： > > //java 代码 > [](https://blog.csdn.net/huangbiao86/article/details/120902145)8、表格 ------------------------------------------------------------------- Markdown 表格的书写用竖线 | 来分割不同的单元格，使用 横线 —— 来分割表头和其他行 如下表示三行三列的表格 | 表头 1 | 表头 2 | 表头 3 | | ---- | ---- | ---- | | 第一行第一列 | 第一行第二列 | 第一行第三列 | | 第二行第一列 | 第二行第二列 | 第二行第三列 | | 第三行第一列 | 第三行第二列 | 第三行第三列 | 效果如下： | 表头 1 | 表头 2 | 表头 3 | | --- | --- | --- | | 第一行第一列 | 第一行第二列 | 第一行第三列 | | 第二行第一列 | 第二行第二列 | 第二行第三列 | | 第三行第一列 | 第三行第二列 | 第三行第三列 | 使用 冒号：来表示表格中内容的 对齐方式： > 冒号在左边：表示左对齐 > > 冒号在右边：表示右对齐 > > 两边都有冒号：表示居中对齐 | 左对齐 | 右对齐 | 居中对齐 | | :---- | ----: | :----: | | 第一行第一列 | 第一行第二列 | 第一行第三列 | | 第二行第一列 | 第二行第二列 | 第二行第三列 | | 第三行第一列 | 第三行第二列 | 第三行第三列 | 效果如图： > | 左对齐 | 右对齐 | 居中对齐 | > | :-- | --: | :-: | > | 第一行第一列 | 第一行第二列 | 第一行第三列 | > | 第二行第一列 | 第二行第二列 | 第二行第三列 | > | 第三行第一列 | 第三行第二列 | 第三行第三列 | [](https://blog.csdn.net/huangbiao86/article/details/120902145)9、超链接 -------------------------------------------------------------------- ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)9.1、超链接 超链接表示方式如下： [超级链接文字]（网址） 使用中括号和小括号表示，文字描述写在中括号内，网址 写在小括号内，例如： [这是百度网址]( ) 效果： > [这是百度网址]( ) ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)9.2、直接显示链接 如果想要直接显示链接地址，可以使用<>符号将地址包括： <https:///www.baidu.com> 效果如下: > [https:///www.baidu.com]( ) ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)9.3、使用描点 使用 描点，首先是要定义描点，然后再引用描点。 定义描点 是在一个标题后面加上{#描点名称},如下： ### 这是一个描点{#here} 然后使用如下格式使用描点,中括号内是描点描述，小括号内是描点名称 跳转到[描点](#here) > 跳转到[描点](about:blank#here) [](https://blog.csdn.net/huangbiao86/article/details/120902145)10、图片 -------------------------------------------------------------------- 插入图片由四种方式，分别是： ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)10.1、插入本地图片 语法如下：  ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)10.2、插入网络图片 语法如下：  ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)10.3、把图片存入 markdown 文件 这种方式需要首先将图片转换成 base64 编码格式，然后将图片内容放入 markdown 文档中，然后再引用图片。语法如下： ![描述图片的文字][图片声明] [图片声明]:图片 base64 编码内容 例如 ![描述][base64str] 【base64str]:data:image/png;base64,.......... ### [](https://blog.csdn.net/huangbiao86/article/details/120902145)10.4、使用 HTML 标签 Markdown 中支持 HTML 中的标签，来显示图片，当然也可以使用 HTML 属性，来调节图片大小等 <image src = "">