markdown如何绘制横向流程图

markdown如何绘制横向流程图

markdown作为一种文本标记语言，竟然可以用来绘制流程图，这种感觉简直是太棒了，小编使用typora作为markdown的编辑软件，那么我们如何在其中绘制一般的横向流程图呢？

这里我们以横向流程图为例来说明，纵向只需要稍微修改一下即可

打开typora的源代码模式，输入

```mermaid

```

上面的三个类似单引号的符号在英文状态下按tab键上方的~键输入

相当于调用了mermaid库

接着回到源代码模式，继续输入

```mermaid

graph LR

```

表示我们要绘制的是一个从左到右的横向流程图

此时进入流程图结构绘制，心中要有一个大概的绘制结构，或者有草图

先从横向三连开始，继续输入

```mermaid

graph LR

A[步骤1]-->B[步骤2]-->C[步骤3]

```

方括号表示矩形框，ABC用来标记流程节点，代表不同的节点位置

步骤123是显示在矩形框内的内容

在步骤3之后添加一个关键节点，使用圆形框，如图所示

源代码输入增加

C-->D(关键1)

在关键节点之后增加一个常见的判断条件行为，这里仅仅设置一个，源代码中输入

C-->D(关键1)-->E{条件判断}

大括号{}表示菱形判断框

针对不同的条件判断结果流向不同的选择，继续输入为

C-->D(关键1)-->E{条件判断}

E-->|如果有钱| F[执行]

E-->|如果没钱| F[暂缓]

最终效果如图所示