mermaid画流程图语法详情

7 min read

Mermaid是一种流程图语法,它使用简单的文本来描述流程图,然后将其转换为可视化图表。以下是Mermaid流程图语法的详细说明:

  1. 开始和结束节点

start表示开始节点,用end表示结束节点。例如:

start --> Step1
Step2 --> end

这将生成一个简单的流程图,其中包括一个开始节点,两个步骤和一个结束节点。

  1. 步骤节点

用一个简单的文本字符串作为步骤节点的名称,例如:

Step1
Step2

如果需要对节点进行分组,可以使用::分隔符来创建分组,例如:

group Group1
    Step1
    Step2
end

这将创建一个名为Group1的分组,并将Step1和Step2添加到该分组中。

  1. 条件语句

使用if语句来表示条件。例如:

if (Some condition) then
    Step1
else
    Step2
end

这将创建一个条件语句,根据某个条件执行Step1Step2

  1. 循环语句

使用repeat语句来表示循环。例如:

repeat
    Step1
until (Some condition)

这将循环执行Step1,直到某个条件满足。

  1. 多行文本

可以使用|符号来表示多行文本。例如:

Step1
|This is a
|multi-line
|text
Step2

这将创建一个包含多行文本的步骤节点。

  1. 注释

使用%%符号来添加注释。例如:

Step1 %% This is a comment

这将为Step1添加一条注释。

这些是Mermaid的基本流程图语法。您还可以使用其他语法元素,例如箭头,样式,颜色等来自定义您的流程图。