使用Markdown语法画流程图

时间:2023-03-10 08:45:17
使用Markdown语法画流程图

Markdown流程图

  鉴于本人使用的是马克飞象,所以一下以马克飞象为例:

语法

  流程图的画法和代码块类似,流程图也是写在两个```之间的。格式用flow表示,例如:

st=>start: 注册印象笔记
e=>end: 您可以使用markdown
op1=>operation: 登录印象笔记
op2=>operation: 购买并登录马克飞象
cond=>condition: 是否已经购买并登录了马克飞象? st->op1->cond
cond(yes)->e
cond(no)->op2->e

  首先先将所有的元素进行定义,然后将各个元素进行连接

结果如下:

使用Markdown语法画流程图

流程图的语法大体分为两段:

  • 定义元素
  • 连接元素

定义元素阶段的语法:

tag=>type: content:>url

tag就是一个标签,在第二段连接元素时用type是这个标签的类型

流程图的基本类型

  • start
  • end
  • operation
  • subroutine
  • condition
  • inputoutput

开始

st=>start:开始

操作流程

st->op->cond

条件

cond=>condition:确认?

结束

e=>end:结束

st[注册印象笔记]-->a
a{是否已经购买马克飞象}
a-->|是|b1(您已购买马克飞象可以使用markdown语法)
a-->|否|b2(您还未能成功购买马克飞象但你可以免费试用10天)
b1-->c[欢迎使用马克飞象]
b2-->d{是否要购买马克飞象}
d-->|是|e1(您已成功购买马克飞象欢迎使用)
e1-->c
d-->|否|e2(试用10天后将会到期欢迎购买)

graph:用来确定代码为视图

-->:用来确定流程图的指向

[]:用来表示矩形

{}:用来表示菱形

||:用来表示判断的是否

():用来表示圆角

表示方式后面输入的解析为真正的显示内容

结果如下:

使用Markdown语法画流程图