想实现 markdown 文档里面字体效果，老是忘，搜了也记不住，每次还得重新找，干脆我自己都记下来，方便好找。

分级标题

1
2
3
4
5
6
# { 一级标题 }
## { 二级标题 }
### { 三级标题 }
#### { 四级标题 }
##### { 五级标题 }
###### { 六级标题 }

以 # 开头，以标题内容结尾，中间填充至少一个Space。标题共有 6 级。也可以Ctrl + {1，2，3，4，5，6}

示例

1
2
3
4
5
6
# 中华人民共和国
## 河南省
### 新乡市
#### 红旗区
##### 金穗大道
###### 新乡学院

效果

中华人民共和国

河南省

新乡市

红旗区

金穗大道
新乡学院

层级列表

1
2
3
4
5
6
* { 一级目录名称 }
  * { 二级目录名称 }
    * { 三级目录名称 }
      * { 四级目录名称 }
        * { 五级目录名称 }
          ...

层级列表每下一级的缩进都要比上一级多 2 个 Space 或 1 个Tab，且第一级前面不可超过 3 个空格。层级列表一般仅用一、二、三级列表，第一级的标识为实心圆点，第二级的标识为空心圆点，第三级的标识为实心方点。不过理论上可以有无数层级，但从第三级开始层级标识均为实心方点。

示例

1
2
3
4
5
6
7
8
9
* 文档
  * 什么是 Hexo
  * 安装
    * 安装前提
      * 安装 Git
        * Git 注意事项
      * 安装 Node.js
      * 安装 Hexo
  * 使用

效果

  • 文档
    • 什么是 Hexo
    • 安装
      • 安装前提
        • 安装 Git
          • Git 注意事项
        • 安装 Node.js
        • 安装 Hexo
    • 使用

斜体 / 粗体 / 删除线 / 高亮

1
2
3
4
*{ 斜体内容 }*
**{ 粗体内容 }**
~~{ 删除内容 }~~
`{ 高亮内容 }`

示例

1
2
3
4
他望车外看了看，说：*“我买几个橘子去。你就在此地，不要走动。”*
他望车外看了看，说：**“我买几个橘子去。你就在此地，不要走动。”**
他望车外看了看，说：~~“我买几个橘子去。你就在此地，不要走动。”~~
他望车外看了看，说：`“我买几个橘子去。你就在此地，不要走动。”`

效果

他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”
他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”
他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”
他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”

引用

1
2
3
> { 引用内容 }
>> { 嵌套引用内容 }
>>> { 再次嵌套引用内容 }

示例

1
2
3
> 他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”
>> 他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”
>>> 他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”

效果

他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”

他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”

他望车外看了看，说：“我买几个橘子去。你就在此地，不要走动。”

任务列表

1
2
- [ ] {（未完成）任务名称 }
- [x] {（已完成）任务名称 }

任务框需要配合有序或无序列表使用，故列入列表章节。中括号 [] 表复选框。若表示 未完成 则[和 ] 之间必须有且仅有一个 Space，若表示 完成 则[和 ] 之间输入一个字母 x。右中括号] 和任务名称 之间至少有一个Space。

示例

1
2
3
4
- [ ] 跑步
- [ ] 骑车
- [ ] 吃饭
- [x] 睡觉

效果

  • 跑步
  • 骑车
  • 吃饭
  • 睡觉

分割线

示例

1
2
___
# 三个下划线，回车

效果

图片 / 音频 / 视频

1
![{ 链接文本 }]({ 链接 } {title 内容 })

来一首亚当的我哪有旺夫命(全损版，因为是本地链接，更换给网络连接，音质会变好)

1
2
3
4
5
# 这是本地地址，可以改为网路地址

![Adam](../../../../images/MY/Adam/adam.jpg)

<audio src='../../../../images/MY/Adam/Whataya Want from Me.mp3' controls="" preload="metadata"></audio>

展示

Adam

超链接

1
[{ 链接文本 }]({ 链接 } {title 内容 })

示例

1
2
[百度](http://www.baidu.com)
[百度](http://www.baidu.com " 百度一下，你就知道 ")

效果

百度
百度

只输出链接

1
<http://www.baidu.com/>

效果

http://www.baidu.com/

锚点

网页中，锚点其实就是 页内超链接 ，也就是链接本文档内部的某些元素，实现当前页面中的跳转。比如我在本节的标题写下一个锚点，在目录中写下对应链接，点击链接就能跳过来。

1
[{ 链接文字 }](#{index})

跟超链接同理，只是链接地址改为锚点元素的 id 属性值。标题可省。 注意：div只是这里演示，任何 HTML 元素均可

示例

1
2
3
4
[跳转到分级标题](#分级标题)

[跳转到层级列表](#层级列表)

效果

跳转到分级标题

跳转到层级列表

表格

1
2
3
4
5
|{ 表头 1}|{ 表头 2}|{ 表头 3}|
|-|-|-|
|{ 内容 1-1}|{ 内容 1-2}|{ 内容 1-3}|
|{ 内容 2-1}|{ 内容 2-2}|{ 内容 2-3}|
|{ 内容 3-1}|{ 内容 3-2}|{ 内容 3-3}|

|控制分列，-控制分行，:控制对齐方式。 第一行为 表头行，使用竖线符将各表头隔开，此外最前和最后表头两侧分别有个竖线符将整体框起来。

注意：表格 首行的前一行 必须 留空 ，否则符号写法的表格无法生效。 第二行为 控制行，要求竖线符的数量和表头行一致，且每个竖线之间至少有一个中划线符。 第三行及以下为 数据行，要求竖线符的数量和表头行一致，每两个相邻的竖线符之间是表格数据。 表格默认左对齐。在第二行可以使用:（冒号）搭配中划线符主动控制对应列内容的对齐方式。两个竖线符之间为：

  • :-：表示左对齐

  • -或:-:：表示中对齐

  • -:：表示右对齐

    注意：无论是否主动控制对齐方式，控制行的每一列都至少要有一个中划线符。

示例

1
2
3
4
5
| 名字 | 性别 | 年龄 | 部门 |
|-|-|-:|-|
| 张三 | 男 |21| 产品 |
| 李四 | 女 |18| 开发 |
| 王二 | 男 |20| 销售 |

效果

名字 性别 年龄 部门
张三 男 21 产品
李四 女 18 开发
王二 男 20 销售