1. 简介
首先我们需要了解什么叫Markdown。参考了很多文档，简言之，就是一种轻量级标记语言。它的优点呢，概括为以下几点：语法简单、兼容性强、导出方便、专注内容、团队写作。如果想要全面了解，可以参考 Markdown 中文文档
2. 目录
本篇文章将会介绍以下几种常用的语法
2.1. 标题
2.2. 文字格式
2.3. 列表形式
- 2.3.1. 无序列表
- 2.3.2. 有序列表
2.4. 表格
2.5. 超链接
- 2.5.1. 行内式
- 2.5.2. 参考式
2.6. 锚点
2.7. 图片
2.8. 代码
2.9. 引用
3. 语法简介
3.1. 标题
- 语法：
# H1一级标题 ## H2二级标题 ### H3三级标题 #### H4四级标题 ##### H5五级标题 ###### H6六级标题 - 页面展示：
这是H1一级标题
这是H2 二级标题
这是H3 三级标题
这是H4 四级标题
这是H5 五级标题
这是H6 六级标题
3.2. 文字格式
- 语法：
*斜体* 或 _斜体_； **粗体** ； ***加粗斜体***； ~~删除线~~； - 效果展示：
星号格式的斜体 或 下划线格式的斜体；
双星号的粗体 ；
三星号的加粗斜体；
波浪线的删除线；
3.2. 列表形式
3.3.1. 无序列表
- 语法：
无序列表的用法很简单,有三种符号格式可实现：符号 空格 文字信息； 例如： * 无序列表使用星号 + 无序列表使用加号 - 无序列表使用减号星号(\*)，加号(+)，减号(-)。
注意点，就是符号后面得添加空格，如果不添加空格就会有问题哦😯 - 效果展示：
- 无序列表使用星号
- 无序列表使用加号
- 无序列表使用减号
3.3.2. 有序列表
- 语法：
数字接着一个英文句点， 例如：1. 第一条 - 注意点：
对于语句2018. 就要匆匆过去了，会发现这里的2018. (数字 英文句点 空白)被认为成一个有序列表啦！
解决这种问题，在英文句点(.)前面添加反斜杠(\)就可以啦！
改为：2018\. 就要匆匆过去了。
整篇文章就是有序列表格式，感觉没什么好展示了。🤣🤣🤣
3.4. 表格
-
语法：
表头1|表头2|表头3|表头4 :-:|:-|-:|- 居中|居左|居右|无变化 说明：
首先了解符号：冒号(:)表示对齐方式；(|)可以认为是一个隔开的作用吧！
(:) 与 (|) 之前尽量不要有空格，否则可能有兼容性问题。
如果需要合并单元格或者特殊格式处理，只能说一声抱歉啰！-
效果展示：
表头1 表头2 表头3 表头4 居中 居左 居右 无变化 效果 是不是 非常 明显呀
3.5. 超链接
Markdown支持两种形式的链接语法：行内式和参考式。
3.5.1. 行内式
-
语法：
[链接文字](链接地址 “title”) 说明：
[] 里填写链接文字；就是界面上看到的那个文字。
() 里填写链接地址；就是需要跳转的地址。
title属性：就是鼠标悬浮时展示的文字，该项非必填。效果展示：
这个链接可以跳转到 Flex布局总结 哦！
3.5.2 参考式
- 语法：
[链接文字][链接别名] [链接别名]: 链接地址 - 说明：
这种用法呢，一般出现在学术论文中，或者多次使用链接地址。
对链接地址进行里很好的管理，就像抽取里一个变量，然后到处去使用一样。
如果链接别名为空，可以对链接文字直接写上一个地址。 - 效果展示：
我认为 Lodash 中文文档是一个很好的文档，刚开始接触的时候很不适应，但是接触 Lodash 久了，就发现它妙不可言！
自动链接
- 语法：
自动链接：<链接地址> - 说明：
支持比较短的自动链接形式来处理网址和电子邮箱电子信箱，一般链接地址就是和链接文字一样哦！
3.6. 锚点
- 语法：
1. 提供可以跳转的链接， [详情](#anchorText) 2. 跳转的地方设置一个 id，其实只要是 html 中可以带 id 属性的标签都可以。 <div id="anchorText"></div>
不过我好像在简书里尝试了很久，没办法生效，似乎不支持这种语法。
3.7. 图片
同超链接非常像的方式！
- 语法
 - 说明：
图片Alt：这个就是图片没有加载出来的时候，然后就会显示这个文字啦。
图片Title：悬浮的时候现实的文字。
Alt文字：稳住
3.8. 代码
- 语法：
代码块形式：一对```
```
var a = 1;
console.log(a, '就这么方便啊');
```
单行代码形式：``
`console.log(1)`
- 效果：
var a = 1; console.log(a, '就这么方便啊');console.log(1)
3.9. 引用
- 语法：
> 非常方便，符号(>) 后面直接文字信息； >> 层级越多就是符号越多啰，很好理解把！ - 效果展示：
告诉你们一件事情，我是引用文字啊！！！
第二层
第三层
