Markdown学习笔记：如何画流程图

木东居士

于 2015-08-15 00:18:01 发布

26422

分类专栏： Markdown 大数据文章标签： markdown 博客 markdown流程

本文链接：https://blog.csdn.net/zhaodedong/article/details/47671679

版权

1 篇文章 0 订阅

订阅专栏

33 篇文章 20 订阅

订阅专栏

如何使用markdown画流程图

话说网上关于使用markdown画流程图的相关的教程真是一堆堆的坑，我丝毫不怀疑这些博文作者确实是知道如何使用markdown画流程图了，但是写出来的文章却丝毫没有明白具体的使用方法，于是有了这篇学习笔记。

先说一下网上我搜的那些博客都没有说清楚的一点，流程图在markdown里面的体现形式。

在markdown语法中，流程图的画法和代码段类似，也就是说，流程图是写在两个``` 之间的。

比如说Java代码，会是这样一种格式：```java 代码段 ```

那么流程图就是这样的：```flow 代码段 ```

此处不再截图，自从开始用markdown写博客，能不使用图片，基本上就不再传图了。

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

定义元素阶段的语法是

tag=>type: content:>url

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

目前在画流程图的时候我知道大概有这六种基本类型。

start 
end 
operation 
subroutine 
condition 
inputoutput

开始

st=>start: 开始

操作流程

st->op->cond

条件

cond=>condition: 确认？

结束

e=>end: 结束

```flow
st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op

个人主页：http://dantezhao.com
文章可以转载, 但必须以超链接形式标明文章原始出处和作者信息

欢迎关注我的微信公众号：木东居士

公众号

关注