Markdown+Flowchart流程图语法

Markdown中的flowchart流程图可以很方便地来自动生成流程图，让大家集中注意力与各元素间的逻辑，而减少排班带来的麻烦，废话不多说，我们开始吧！

语法介绍

首先要清楚，Flowchart流程图分为元素定义、连线两个组成部分：

1. 定义所有元素

利用关键字，为各元素取一个你喜欢的别名，常用的关键字如下：

start 开始节点
定义语句： s=>start: 系统初始化
意为定义一个名字叫“s”的“start”元素，该元素显示的内容为“系统初始化”
end 结束节点
定义语句： e=>end: 测温结束
意为定义一个名字叫“e”的“end”元素，该元素显示的内容为“测温结束”
operation 操作节点
定义语句： o1=>operation: 开始测温
意为定义一个名字叫“o1”的“operation”元素，该元素显示的内容为“开始测温”
condition 条件节点
定义语句： c1=>condition: KEY按下？
意为定义一个名字叫“c1”的“condition”元素，该元素显示的内容为“KEY按下?”
inputoutput 输入或输出节点
定义语句：io=>inputoutput: 输入
意为定义一个名字叫“io”的“inputoutput”元素，该元素显示的内容为“输入”
subroutine 子程序节点

2.连线：

用->将两个元素连接

3.附加语法

超链接：
在定义元素时，用:>给某个元素添加超链接。下句让start元素链接至百度首页

s=>start: 系统初始化:>https://www.baidu.com/

实例演示

效果图

Created with Raphaël 2.2.0系统初始化输入KEY按下？开始测温LCD屏幕显示体温体温正常？测温结束蜂鸣器响起yesnoyesno

源代码

```mermaid
flowchat
s=>start: 系统初始化:>https://github.com/knsv/mermaid
io=>inputoutput: User Input
c1=>condition: KEY按下？
c2=>condition: 体温正常？
o1=>operation: 开始测温
o2=>operation: LCD屏幕显示体温
o3=>operation: 蜂鸣器响起
e=>end: 测温结束s->c1(yes)->o1->o2->c2(yes)->e
c1(no)->c1
c2(no)->o3->e

其中最需要注意的是condition元素的用法，利用c1(yes)和c1(no)进行分支判断。最后感谢大家的阅读，若有语法扩充我会及时更新，也欢迎在评论区提出改进意见~

Markdown+Flowchart流程图语法相关推荐

markdown 流程图语法
markdown 流程图语法 1.声明格式 ```mermaid graph LR - ``` 2.声明图形方向(TB上到下,LR左到右) graph LR 3. 声明图标 source(dataGe ...
markdown画流程图，流程图语法
首先要知道流程图里各个形状的含义: 其中最主要用到的还是圆角矩形(表示起止),平行四边形(输入输出),菱形(判断)和直角矩形(操作/执行) 这里介绍流程图的简单语法: 符号类别/含义 start 开 ...
如何用python画流程图_Markdown笔记：如何画流程图
segmentfault 上有一篇咨询 Markdown 条件判断的问题,我也顺便简单学习了一下 Markdown 的流程图语法.还好,SF 支持流程图,貌似采用的是 flowchart.js. Fl ...
memmove， memcpy 的mem魔法
1.如果是在相同的数据结构中,对原有的数据结构进行缩减或者交叉数据的复制,根据源码;memmove 是避免了内存交叉的复制 2.而memcpy 的使用就不考虑复制时的内存交叉的问题请看下面的代码就 ...
【Tools】MarkDown教程(四)-MarkDown中的UML图
00. 目录文章目录 00. 目录 01. 序列图示例 02. 序列图语法 03. 流程图示例 04. 流程图语法 05. Gravizo 06. 甘特图样例 07. 其它参考示例 7.1 UML标 ...
为知笔记 Markdown 新手指南
为知笔记 Markdown 新手指南 http://www.wiz.cn/feature-markdown.html 时序图,流程图详细流程图语法 http://adrai.github.io/fl ...
《了不起的Markdown》第三章
第三章沉浸在写作之中--Typora Typora是一款功能全面.简洁高效,而且又非常优雅的Markdown编辑器.它把源码编辑和效果预览合二为一,在输入标记之后随即生成预览效果,提供了&quo ...
博客编辑神器：Markdown编辑器
献给写作者的 Markdown 新手指南为什么作家应该用 Markdown 保存自己的文稿 Markdown写作浅谈 Markdown 语法说明 Markdown 公式指导手册什么是极客最爱的Ma ...
为什么学习Markdown
原址自从搭建了 Hexo 博客之后,发现还有 Markdown 这种写文章的方法,想到以后要用 Markdown 写文章,之前粗略的了解过,发现 Markdown ,就是 Mark(标记后)down ...