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 流程圖分為兩部分,定義節(jié)點和控制走向。

定義節(jié)點

open=>start: Open:>https://github.com/knsv/mermaid
// 格式
tag=type: content:>url
  • tag 節(jié)點名稱
  • type 節(jié)點類型
    • start 開始節(jié)點
    • end 結束節(jié)點
    • operation 操作節(jié)點
    • subroutine 子程序節(jié)點
    • condition 條件節(jié)點
    • inputoutput 輸入或產出節(jié)點
  • content 節(jié)點描述
  • url 超連接,與文本綁定

關聯節(jié)點

-> 來關兩個節(jié)點,如果是 condition 節(jié)點將會有 yesno 兩個分支。
open->userInput->processes->results
results(yes)->end
results(no)->regis

注: 暫時發(fā)現 condition 只能有yes or no 兩種條件。如果有其他方法請留言。

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容