个人参考笔记用
转载链接: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[网页制作]
```
编程语言
Java
Python
C++
html
入门快
网页制作
4.6 插入图片
直接拖动,但是强烈建议下载 picgo 图床管理。