typora画图（1）--流程图

我们用typora可以利用mermaid进行流程图的制作 

实例

先看一个简单效果

 

首先打开typora，并添加代码块（输入“ ``` ”，即可），语言选则mermaid

在第一行输入 graph LR

 这里 graph 为语法规定（必须写上） ，LR表示流程图方向是从左往右

这里对 方向 进行简单介绍

T---TOP    B---BOTTOM

L---LEFT  R---RIGHT 

用词	含义
TB	从上到下
BT	从下到上
LR	从左到右
RL	从右到左

 

例如

 这里的TB就是从上到下

流程图常用符号及其含义

表述	说明	含义
id[文字]	矩形节点	过程，流程中的环节
id(文字)	圆角矩形节点	开始或结束
id((文字))	圆形节点	连接
id{文字}	菱形节点	判断，决策
id>文字]	右向旗帜型节点

 

 “id”表示名称，相当于c语言中变量名称，由自己创建

“文字”表示节点内的内容

由上可以看出，当变量名称后不加括号时，默认为矩形节点，变量名即为节点内的内容

 练习

graph TB
id1(小学生)-->id2[高中生]-->id3[高考]-->id4{考的好不好}
id4-->id5((考的好))-->id7[高校毕业]
id4-->id6((考的差))
id6-->id2
id6-->id9[搬砖]

 连线方式

graph TB
A1-->B1
A2---B2 
A3--a-->B3
A4--a---B4
A5-.-B5
A6-.->B6
A7-.a.-B7
A8-.a.->B8
A9===B9
A10==>B10
A11==a===B11
A12==a==>B12

 子表图

 格式

subgraph 子表图名称
 子表图语句
end

实例

graph TB
subgraph 小学阶段
   bagin(出生)-->id1
end
id1(小学生)-->id2[高中生]-->id3[高考]-->id4{考的好不好}
id4-->id5((考的好))-->id7[高校毕业]
id4-->id6((考的差))
id6-->id2
id6-->id9[搬砖]