MarkDown画流程图工具mermaid

很简单,我用两个例子展示一下, 就会用啦!!!

代码名称: mermaid

每次作图时，代码以 graph <布局方向> 开头，如：

TB（Top Bottom）表示从上向下布局，另外三种是

BT
LR（Left Right）
RL

举例1

graph TB
    A(开始)
    B[打开冰箱门]
    C{"冰箱小不小？"}
    D((连接))

效果:

开始

打开冰箱门

冰箱小不小？

连接

举例2

graph TB
    Start(开始) --> Open[打开冰箱门]
    Open --> Put[把大象放进去]
    Put[把大象放进去] --> IsFit{"冰箱小不小？"}
    
    IsFit -->|不小| Close[把冰箱门关上]
    Close --> End(结束)
        
    IsFit -->|小| Change[换个大冰箱]
    Change --> Open

**效果: **

不小

小

开始

打开冰箱门

把大象放进去

冰箱小不小？

把冰箱门关上

结束

换个大冰箱