Markdown使用mermaid画流程图

一 概念

mermaid:Markdown的一种插件,用来画流程图的

二 原理

三 使用

1)流程图单元
graph LR;
  单元一-->单元二;
单元一
单元二

单元一和单元二就可以看做是一个单元

2)流程图单元之间的指向性以及关系
graph LR;
  单元一-->|关系|单元二;

–>表示指向性,|关系|表示两者的关系

关系
单元一
单元二
3)流程图单元之间双指向关系
graph LR;
  单元一-->|关系|单元二;
    单元二-->|关系|单元一;
关系一
关系二
单元一
单元二

将单元颠倒即可

4)流程图一个单元指向多个单元
graph LR;
  单元一-->|关系一|单元二;
    单元一-->|关系二|单元三;
    单元一-->|关系二|单元四;
关系一
关系二
关系二
单元一
单元二
单元三
单元四
5)流程图单元之间的无指向性
graph LR;
  单元一---|关系一|单元二;
    单元一---|关系二|单元三;
    单元一---|关系二|单元四;
关系一
关系二
关系二
单元一
单元二
单元三
单元四

—表示没有指向性的关系

6)流程图画图的方向

T top
B bottom
L left
R right
graph TB表示从上到下
以此类推

发布了23 篇原创文章 · 获赞 3 · 访问量 4894

猜你喜欢

转载自blog.csdn.net/weixin_38615170/article/details/90404552