用代码生成流程图，Markdown的使用方法

前言

通常来说我会使用一些流程图使得对于软件、工具或者行事的操作变得有更好的可理解性，说白了就是方便理解。

使用Windows软件的朋友可能会用Word，Vision此类软件，或者ProcessOn这类工具，那么是否有更好更方便的操作，可以有效提高效率？

比如说，输入代码就可以生成，去除了繁琐的点击操作。

如何操作

使用Markdown就可以实现这种方法，具体就是使用Flowchart流程图

这部分流程图会使用这样格式来声明这部分是一个流程图的开始

【```mermaid】
【flowchat】

末尾以【```】作为结束

然后是各个声明，这些声明会描述一个框是操作（方框）还是判断（菱形）还是开始或者结束（圆角矩形）

常常用的描述符

1. 开始和结束：start和e
2. 执行操作：operation
3. 判断：condition
4. 其中判断包含yes和no

举个例子

下面这一段代码，就会生成这样的一个常见的网页登录的流程图

st=>start: 开始

op=>operation: 登录系统
cond1=>condition: 密码是否正确？
fun1=>operation: 找回密码
e=>operation:  手机验证
e2=>condition: 验证码是否正确?
fun2=>end: 登录成功 

st->op->cond1
cond1(yes)->e
cond1(no)->op
e->e2
e2(no)->op
e2(yes)->fun2

在Markdown里面是这样：

Created with Raphaël 2.2.0 开始 登录系统 密码是否正确？ 手机验证 验证码是否正确? 登录成功 yes no yes no

当然实际上在描述时候一段就可以完成所有，比如这样：

Created with Raphaël 2.2.0 开始 测试硬盘 顺序读写速度测试 4K随机读写测试 卸载硬盘

玩的愉快：）