MarkDown flow流程图示例

Posted 2023-03-17

参考技术A 上一篇说到，MarkDown还支持另一种语法的流程图。那么我们一起来学习一下。

先来看一张效果图：

对应的语法如下

效果还不错，接下来让我们一起学习一下MarkDown的flow有哪些语法

定义元素的语法是

1.元素ID在连接各个元素时会用到。

2.元素类型包括以下几种：

显示效果如下：

3.显示文字就是框中的文字，中英文均可。

1.通过ID引用元素，再用 -> 连接各个元素，可以不断连缀，也可以分开连接，如上例中的：

也可以写成：

2.条件框的连接有些特殊，需要添加 (yes) 或者 (no) ，表示 是 和 否 的分支。例如：

显示如下：

3.连接线有上下左右四个方向，如果需要指定连接线连接到某一特定方向，在连接线开始的元素后面添加方向即可，方向包括：

每条连接线方向默认为(bottom)。

例如：设置连接线方向为向左：

显示如下：

设置连接线向右：

显示如下：

4.如果要设置条件框连接线方向，在括号中添加即可。条件框只有两个方向可供选择：

或

只需要指定其中一条分支的方向即可。
例如：

显示如下：

同上一篇文章一样，我们来画一个Hey Jude流程图，语法如下：

效果图如下：

效果不可描述...
笔者在网上看到的原图是这样的：

好了，关于MarkDown flow流程图学习就到这里。