MarkDown画流程图工具mermaid

最新推荐文章于 2024-05-23 16:04:07 发布

知足Content+

最新推荐文章于 2024-05-23 16:04:07 发布

阅读量644

点赞数

分类专栏：其他有用知识文章标签：流程图 markdown

本文链接：https://blog.csdn.net/weixin_44197120/article/details/128659644

版权

其他有用知识专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

代码名称: 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

**效果: **