1. 标题

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

2. 段落

1
2
3
这是一个段落。

这是另一个段落。

3. 换行

1
2
第一行内容
第二行内容

4. 字体

1
2
3
*斜体文本*
**粗体文本**
***粗斜体文本***

5. 删除线

1
~~删除线~~

6. 引用

1
2
> 这是一个引用
>> 这是一个嵌套引用

7. 列表

1
2
3
* 无序列表项 1
* 无序列表项 2
* 无序列表项 3
1
2
3
1. 有序列表项 1
2. 有序列表项 2
3. 有序列表项 3

8. 代码

1
2
3
4
5
6
7
8
9
`printf()` 函数

```c
#include <stdio.h>

int main() {
    printf("Hello, World!\n");
    return 0;
}

9. 链接

1
[Runoob](https://www.runoob.com)

10. 图片

1
![RUNOOB 图标](https://www.runoob.com/images/logo.png)

11. 表格

1
2
3
4
| 表头   | 表头   |
| ------ | ------ |
| 单元格 | 单元格 |
| 单元格 | 单元格 |

12. 水平线

1
---

13. 数学公式

1
2
3
4
5
6
7
$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
$$

14. 流程图

1
2
3
4
5
6
7
```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]

15. 时序图

1
2
3
4
5
6
7
8
9
10
11
12
```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail...
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!

16. 甘特图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
```mermaid
gantt
    dateFormat  YYYY-MM-DD
    title Adding GANTT diagram functionality to mermaid

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08
    Active task               :active,  des2, 2014-01-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2               :         des4, after des3, 5d

    section Critical tasks
    Completed task in the critical line :crit, done, 2014-01-06,24h
    Implement parser and jison          :crit, done, after des1, 2d
    Create tests for parser             :crit, active, 3d
    Future task in critical line        :crit, 5d
    Create tests for renderer           :2d
    Add to mermaid                        :1d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo page    :after a1  , 20h
    Add another diagram to demo page  :doc1, after a1  , 48h

17. 序列图

1
2
3
4
```mermaid
sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!

18. 类图

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
```mermaid
classDiagram
    Class01 <|-- AveryLongClass : Cool
    Class03 *-- Class04
    Class05 o-- Class06
    Class07 .. Class08
    Class09 --> C2 : Where am i?
    Class07 : equals()
    Class07 : Object[] elementData
    Class01 : size()
    Class01 : int chimp
    Class01 : int gorilla
    Class03: int nocturnal
    Class05: int i
    Class05: int j
    Class06: size()
    Class06: int chimp
    Class06: int gorilla
    Class06: int nocturnal
    Class07: size()
    Class07: int nocturnal
    Class09 --> C2: Cool
    Class09 --> C3: Cool

19. 状态图

1
2
3
4
5
6
7
8
```mermaid
stateDiagram
    [*] --> Still
    Still --> [*]
    Still --> Moving
    Moving --> Still
    Moving --> Crash
    Crash --> [*]

20. 饼图

1
2
3
4
5
6
7
```mermaid
pie
    title Key elements in Product X
    "Calcium" : 42.96
    "Potassium" : 50.05
    "Magnesium" : 10.01
    "Iron" :  5