文章目录
0 文章目录名
@[TOC](文章目录名)
1 标题
- 一级标题:行首
# 标题名称 - 二级标题:行首
## 标题名称 - 三级标题:行首
### 标题名称
最高支持6级标题.
2 字体设置
- 字体加粗:
**加粗字体** - 字体下标:
~字体下标~ - 字体上标:
^上标字体^ - 字体大小、颜色、字号:
<font color="green" size=7 face="黑体">文本内容</font>
3 文本设置
- 文本强调:
*强调文本* - 标记文本:
==标记文本== - 删除文本:
~~删除文本~~ - 引用文本:
>引用文本 - 空格缩进：
  - 注释文本：
*[文本内容]:注释内容
4 按键展示
<kbd>按键名</kbd>
5 功能快捷键
- 撤销：Ctrl/Command + Z
- 重做：Ctrl/Command + Y
- 加粗：Ctrl/Command + B
- 斜体：Ctrl/Command + I
- 标题：Ctrl/Command + Shift + H
- 无序列表：Ctrl/Command + Shift + U
- 有序列表：Ctrl/Command + Shift + O
- 检查列表：Ctrl/Command + Shift + C
- 插入代码：Ctrl/Command + Shift + K
- 插入链接：Ctrl/Command + Shift + L
- 插入图片：Ctrl/Command + Shift + G
6 生成适合的列表
- 项目：
- 项目- 项目：
- 项目- 项目：
- 项目
- 项目：
- 项目：
- 项目1：
1. 项目1 - 项目2：
2. 项目2 - 项目3：
3. 项目3
- 计划任务：
- [ ] 计划任务 - 完成任务：
- [x] 完成任务
7 插入链接与图片
- 链接：
[链接替换名](url) - 注脚：
[^数字]
[^数字]: 注脚的解释 - 图片：
<img src="https://img-blog.csdn.net/20181024223739122?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25ld19kZWxldGVf/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" alt=""/> - 图片大小调整：
<img src="....." width="数字" height="数字" alt=""/> - 图片位置居中：
<center><img ...../></center>（文字居中也适用）
8 插入代码段
// An highlighted block
var foo = 'bar';
在markdown编辑器中输入：
1 ```javascript
2 // An highlighted block
3 var foo = 'bar';
4 ```
9 创建表格
9.1 创建简单表格
| 项目 | Value |
|---|---|
| 电脑 | $1600 |
| 手机 | $12 |
| 导管 | $1 |
在markdown编辑器中输入：
项目 | Value
----- | -----
电脑 | $1600
手机 | $12
导管 | $1
9.2 设定内容居中、居左、居右
- 居中：
:---------: - 居左：
:--------- - 居右：
---------:
| 第一列 | 第二列 | 第三列 |
|---|---|---|
| 居中 | 居左 | 居右 |
10 UML 图表
10.1 序列图：
在markdown编辑器中输入：
1 ```mermaid
2 sequenceDiagram
3 张三 ->> 李四: 你好！李四, 最近怎么样?
4 李四-->>王五: 你最近怎么样，王五？
5 李四--x 张三: 我很好，谢谢!
6 李四-x 王五: 我很好，谢谢!
7 Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
8
9 李四-->>张三: 打量着王五...
10 张三->>王五: 很好... 王五, 你怎么样?
11 ```
10.2 普通流程图:
在markdown编辑器中输入：
1 ```mermaid
2 graph LR
3 A[长方形] -- 链接 --> B((圆))
4 A --> C(圆角长方形)
5 B --> D{菱形}
6 C --> D
7 ```
- 关于 Mermaid 语法，参考 这儿.
10.3 FLowchart流程图
在markdown编辑器中输入：
1 ```mermaid
2 flowchat
3 st=>start: 开始
4 e=>end: 结束
5 op=>operation: 我的操作
6 cond=>condition: 确认？
7
8 st->op->cond
9 cond(yes)->e
10 cond(no)->op
11```
- 关于 Flowchart流程图 语法，参考 这儿.
10.4 甘特图
在markdown编辑器中输入：
1 ```mermaid
2 gantt
3 dateFormat YYYY-MM-DD
4 title Adding GANTT diagram functionality to mermaid
5 section 现有任务
6 已完成 :done, des1, 2014-01-06,2014-01-08
7 进行中 :active, des2, 2014-01-09, 3d
8 计划一 : des3, after des2, 5d
9 计划二 : des4, after des3, 5d
10 ```
- 关于 甘特图 语法，参考 这儿.
11 KaTeX数学公式
可以使用渲染LaTeX数学表达式 KaTeX:
Gamma公式展示
是通过欧拉积分
上面两个数学公式分别是$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$、$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $$
你可以找到更多关于的信息 LaTeX 数学表达式here.