Note

外观

Markdown基本语法 ​

更新于 2023-09-09

标题下划线 ​

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

标题 ​

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

字体 ​

*斜体文本*
_斜体文本_

斜体文本 斜体文本

**粗体文本**
__粗体文本__

粗体文本 粗体文本

***粗斜体文本***
___粗斜体文本___

粗斜体文本 粗斜体文本

换行 ​

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

列表 ​

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

区块 ​

> 区块
> > 区块

区块

区块

代码段 ​

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

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

链接 ​

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

高级链接 ​

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

图片 ​

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

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

表格 ​

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

对齐方式 ​

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

流程图 ​

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

方向 ​

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

基本图形 ​

  • id[文字描述] 矩形
mermaid
graph TD
    id[带文本的矩形]
  • id(文字描述) 圆角矩形
mermaid
graph TD
    id4(带文本的圆角矩形)
  • id>文字描述] 不对称的矩形
mermaid
graph TD
    id3>带文本的不对称的矩形]
  • id{文字描述} 菱形
mermaid
graph TD
    id1{带文本的菱形}
  • id((文字描述)) 圆形
mermaid
graph TD
    id2((带文本的圆形))

箭头 ​

  • A --> B A带箭头指向B
mermaid
    graph LR
        A[A] --> B[B]
  • A --- B A不带箭头指向B
mermaid
    graph LR
        A1[A] --- B1[B]
  • A -.- B A用虚线指向B
mermaid
    graph LR
        A4[A] -.- B4[B]
  • A -.-> B A用带箭头的虚线指向B
mermaid
    graph LR
        A5[A] -.-> B5[B]
  • A ==> B A用加粗的箭头指向B
mermaid
    graph LR
        A7[A] ==> B7[B]
  • A -- 描述 --- B 箭头
mermaid
    graph LR
        A2[A] -- 描述 --- B2[B]
  • A -- 描述 --> B 箭头
mermaid
    graph LR
        A3[A] -- 描述 --> B3[B]
  • A -. 描述 .-> B 虚线箭头
mermaid
    graph LR
        A6[A] -. 描述 .-> B6[B]
  • A == 描述 ==> B 加粗箭头
mermaid
    graph LR
        A8[A] == 描述 ==> B8[B]

子流程 ​

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

时序图 ​

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

详见

甘特图 ​

txt
 ```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
```
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

material Markdown语法 ​

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