markdown画流程图,流程图语法

首先要知道流程图里各个形状的含义:
markdown画流程图,流程图语法_第1张图片
其中最主要用到的还是圆角矩形(表示起止),平行四边形(输入输出),菱形(判断)和直角矩形(操作/执行)

这里介绍流程图的简单语法:

符号 类别/含义
start 开始(圆角矩形)
end 结束(圆角矩形)
condition 判断(菱形)
operation 操作(直角矩形)
inputoutput 输入输出(平行四边形)

这里,对符号可以自定义命名,如:

 st=> start: 输入数据
 解释:st就是对start的命名,命名用=>符号
 			start: 后的文字,就是图形框内要显示的文字
 			start: 冒号后一定要空格再写文字

这里注意:冒号后一定要加一个空格!!!
下面表示各个图形和流程间的串联,一个简单的->符号就好:

# 下面是赋值语句
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: My Operation|past
op2=>operation: Stuff
cond=>condition: Yes or No?
c2=>condition: Good idea
io=>inputoutput: catch something...

# 下面是连接语句
st->op1->cond
cond(yes)->c2
c2(yes)->io->e
c2(no)->op2->e
Created with Raphaël 2.2.0 Start My Operation Yes or No? Good idea catch something... End Stuff yes yes no

CSDN博客里,插入流程图的markdown语法为:

markdown画流程图,流程图语法_第2张图片
最后,推荐一个好用的免费markdown编辑网页:
https://www.zybuluo.com/mdeditor#1523606
用起来跟CSDN稍有不同,但我觉得这个体验感更好。

你可能感兴趣的:(学习笔记)