Markdown基本语法¶

更新于 2023-09-09

标题下划线¶

Text Only
== 一级标题加下划线
-- 二级标题加下划线

标题¶

Text Only
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

字体¶

Text Only
*斜体文本*
_斜体文本_

斜体文本 斜体文本

Text Only
**粗体文本**
__粗体文本__

粗体文本 粗体文本

Text Only
***粗斜体文本***
___粗斜体文本___

粗斜体文本 粗斜体文本

换行¶

行尾使用两个空格表示换行

列表¶

Text Only
* 第一项
+ 第二项
- 第三项

* 第一项 + 第二项 - 第三项

区块¶

Text Only
> 区块
> > 区块

区块

区块

代码段¶

Text Only
```[c/c++/shell]
code

Text Only
```c
void Print(char* s) {
    printf("%s\n", s);
}

链接¶

Text Only
[链接名称](链接地址)
或者
<链接地址>

高级链接¶

Text Only
链接[Google][1]
链接[Runoob][2]
然后在文档的结尾为变量赋值
[1]: http://www
[2]: http://www

图片¶

Text Only
![alt 属性文本](图片地址)
![alt 属性文本](图片地址 "可选标题")

图片[RUNOOB][1].
然后在文档的结尾为变量赋值（网址）
[1]: http://wwwo.png

表格¶

Text Only
|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

对齐方式¶

-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。

流程图¶

Text Only
 ```mermaid
    graph TB|BT|RL|LR
    A->B
```

方向¶

TB 从上到下
```
    graph TB
     A-->B
```
BT 从下到上
```
    graph BT
     A-->B
```
RL 从右到左
```
    graph RL
     A-->B
```
LR 从左到右
```
    graph LR
     A-->B
```

基本图形¶

id[文字描述] 矩形
```
graph TD
    id[带文本的矩形]
```

id(文字描述) 圆角矩形

graph TD
    id4(带文本的圆角矩形)

id>文字描述] 不对称的矩形

graph TD
    id3>带文本的不对称的矩形]

id{文字描述} 菱形
```
graph TD
    id1{带文本的菱形}
```
id((文字描述)) 圆形
```
graph TD
    id2((带文本的圆形))
```

箭头¶

A → B A带箭头指向B
```
    graph LR
        A[A] --> B[B]
```
A --- B A不带箭头指向B
```
    graph LR
        A1[A] --- B1[B] 
```
A -.- B A用虚线指向B
```
    graph LR
        A4[A] -.- B4[B] 
```
A -.-> B A用带箭头的虚线指向B
```
    graph LR
        A5[A] -.-> B5[B]
```
A ==> B A用加粗的箭头指向B
```
    graph LR
        A7[A] ==> B7[B] 
```

A -- 描述 --- B 箭头

    graph LR
        A2[A] -- 描述 --- B2[B]

A -- 描述 → B 箭头

    graph LR
        A3[A] -- 描述 --> B3[B]

A -. 描述 .-> B 虚线箭头

    graph LR
        A6[A] -. 描述 .-> B6[B]

A == 描述 ==> B 加粗箭头

    graph LR
        A8[A] == 描述 ==> B8[B]

子流程¶

Text Only
 ```mermaid
 graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end
 ```

graph TB
    c1-->a2
    subgraph one
    a1-->a2
    end

时序图¶

Text Only
``` mermaid
sequenceDiagram
  autonumber
client->server: request 
server->client: response
client->server: call
```

sequenceDiagram
autonumber
client->>server: request 
server->>client: response
client->>server: call

详见

甘特图¶

Text Only
 ```mermaid
 gantt
        dateFormat  YYYY-MM-DD
        title Project Plan
        section task
        done : done, des1, 2019-01-01,2019-01-05
        on-going : active, des2, 2019-01-06, 3d
        planned : des3, after des2, 5d
```

gantt
        dateFormat  YYYY-MM-DD
        title Project Plan
        section task
        done : done, des1, 2019-01-01,2019-01-05
        on-going : active, des2, 2019-01-06, 3d
        planned : des3, after des2, 5d

material Markdown语法¶

本博客框架支持的markdown语法
详见官网