Markdown Flow 流程图

Markdown 流程工具和插件很多，这里记录一下简单的Flow的使用

预览

Markdown Flow 预览

源码

    ```flow
    open=>start: Open:>https://github.com/knsv/mermaid
    userInput=>inputoutput: User Input
    processes=>operation: Processes
    results=>condition: Yes or No?
    regis=>condition: GoSignUp,Yes or No?
    userr=>operation: SignUp
    end=>end: End
    open->userInput->processes->results
    results(yes)->end
    results(no)->regis
    regis(yes)->userr
    regis(no)->userInput
    ```

说明

flow 流程图分为两部分，定义节点和控制走向。

定义节点

open=>start: Open:>https://github.com/knsv/mermaid
// 格式
tag=type: content:>url

• tag 节点名称
• type 节点类型
  • start 开始节点
  • end 结束节点
  • operation 操作节点
  • subroutine 子程序节点
  • condition 条件节点
  • inputoutput 输入或产出节点
• content 节点描述
• url 超连接，与文本绑定

关联节点

用 -> 来关两个节点，如果是 condition 节点将会有 yes 和 no 两个分支。

open->userInput->processes->results
results(yes)->end
results(no)->regis

注: 暂时发现 condition 只能有yes or no 两种条件。如果有其他方法请留言。