教你使用markdown畫程序流程圖

signloong 8年前發布 | 47K 次閱讀 Markdown Markdown處理庫

1. 入門案例

st=>start: Start
op=>operation: Your Operation
sub=>subroutine: My Subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch something...
e=>end: End


st->op->cond
cond(yes)->io->e
cond(no)->sub(right)->op</pre> 
2. 語法


流程圖的語法整體分為兩部分，第一段用來定義流程圖元素，第二段用來連接流程圖元素，指定流程圖的執行走向。


2.1 定義流程圖元素


tag=&gt;type: content:&gt;url




說明 ： 




    

  1. tag是流程圖中的標簽，名稱可以任意，一般為流程的英文縮寫和數字的組合。
    2. 

  2. type用來確定標簽的類型，由于標簽的名稱可以任意指定，所以要依賴type來確定標簽的類型 
    
標簽有6種類型：start/end/operation/subroutine/condition/inputoutput 
    3. 

  3. content是流程圖文本框中的描述內容，中英文均可。 特別注意 ，type后的冒號與文本之間一定要有個空格 
    4. 

  4. url是一個連接，與框框中的文本相綁定，點擊文本時可以通過鏈接跳轉到url指定頁面
    5. 



2.2 連接流程圖元素


連接流程圖元素階段的語法就簡單多了，直接用 -> 來連接兩個元素，需要注意的是condition類型，因為他有yes和no兩個分支，所以要寫成 


cond(yes)->io->e
cond(no)->sub(right)->op

來自： http://www.cnblogs.com/-shu/p/5150597.html

 本文由用戶 signloong 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！