Markdown语法系列4——思维导图/图片导入

个人参考笔记用
转载链接：https://zhuanlan.zhihu.com/p/351796866

4.1 Sequence（序列图）

```mermaid
sequenceDiagram
A->>B: 因果关系
Note right of B: 思维导图
B-->>A: 反向因果关系
```

4.2 流程图

​```mermaid
flowchat
st=>start: 第一步
op=>operation: 第二步
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op
​```

4.3 mermaid 横向图

```mermaid
graph LR
A[第一步] -->B(第二步)
    B --> C{决策}
    C -->|原因1| D[结果1]
    C -->|原因2| E[结果2]
```

思维导图中的换行要用 <br/>

```mermaid
graph LR
A[第一步<br/>第二行] -->B(第二步<br/>第二行)
    B --> C{决策}
    C -->|原因1| D[结果1<br/>第二行]
    C -->|原因2| E[结果2<br/>第二行]
```

4.4 mermaid 扇形图

```mermaid
pie
    title Pie Chart
    "原因一" : 99
    "原因二" : 666
    "原因三" : 188
```

4.5 mermaid 纵向图

```mermaid
graph TB
A(编程语言) --> B[Java]
A --> C[Python]
A --> D[C++]
A--> E[html]
C --> G[入门快]
E --> F[网页制作]
```

4.6 插入图片

​ 直接拖动，但是强烈建议下载 picgo 图床管理。