1. 程式人生 > >markdown流程圖

markdown流程圖

技術 body 流程圖 tag output 語法 org alt pre

代碼實例

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op

??好多markdown流程圖都已這段代碼為示例,下面主要講講代碼表示的是什麽意思

效果圖

技術分享圖片

代碼解讀

定義元素

??前四行代碼都是tag=>type: content這種形式。

  • tag = 元素名字(變量名)
  • type = 元素類型(變量類型),有如下幾種類型
    • start = 開始
    • end = 結束
    • operation = 操作
    • subroutine = 子程序
    • condition = 條件
    • inputoutput = 輸入或產出
  • content = 顯示內容(變量儲存的值)
    ??如果需要在文本上加超鏈接,可以這樣寫tag=>type: content:>url

元素鏈接

??後三行代碼形式如同tag1->tag2,表明tag1指向tag2。
??如果tag的類型是condition,需要在後面表明它是yes還是no的分支。

註意

??嚴格註意有無空格(被坑了許多次)

文章參考來源
更多語法

markdown流程圖