用markdown來畫流程圖

一直在用markdown(不得不說markdown語法真的太強大太簡潔了杭措,效果也太優(yōu)美,沒學(xué)過markdown語法的可以自己學(xué)下)寫東西互例,知道用markdown可以畫出來很性感的流程圖舔糖,遂決定學(xué)下如何用markdown來畫流程圖愈犹。

代碼

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

效果

深度截圖20160909223653.png

說明

這樣幾行簡單的代碼就生成了一個優(yōu)雅的流程圖。
流程圖大致分為兩段阻荒,第一段是定義元素挠锥,第二段是定義元素之間的走向。

定義元素的語法

tag=>type: content:>url
  • tag就是元素名字侨赡,
  • type是這個元素的類型蓖租,有6中類型,分別為:
  • start # 開始

  • end # 結(jié)束

  • operation # 操作

  • subroutine # 子程序

  • condition # 條件

  • inputoutput # 輸入或產(chǎn)出

  • content就是在框框中要寫的內(nèi)容羊壹,注意type后的冒號與文本之間一定要有個空格蓖宦。

  • url是一個連接,與框框中的文本相綁定

連接元素的語法

->來連接兩個元素舶掖,需要注意的是condition類型球昨,因為他有yes和no兩個分支,所以要寫成

c2(yes)->io->e 
c2(no)->op2->e

實際應(yīng)用

下邊獻上我的拙作眨攘,這是一個爬取某網(wǎng)站的商品評論數(shù)據(jù)主慰,然后進行情感分析的小項目嚣州,有四個模塊:獲取待爬取商品id,爬取代理共螺,爬取評論该肴,情感分析

代碼

flow
st=>start: Start|past:>http://www.google.com[blank]
e=>end: End:>http://www.google.com
op1=>operation: get_hotel_ids|past
op2=>operation: get_proxy|current
sub1=>subroutine: get_proxy|current
op3=>operation: save_comment|current
op4=>operation: set_sentiment|current
op5=>operation: set_record|current

cond1=>condition: ids_remain空?
cond2=>condition: proxy_list空?
cond3=>condition: ids_got空?
cond4=>condition: 爬取成功??
cond5=>condition: ids_remain空?

io1=>inputoutput: ids-remain
io2=>inputoutput: proxy_list
io3=>inputoutput: ids-got

st->op1(right)->io1->cond1
cond1(yes)->sub1->io2->cond2
cond2(no)->op3
cond2(yes)->sub1
cond1(no)->op3->cond4
cond4(yes)->io3->cond3
cond4(no)->io1
cond3(no)->op4
cond3(yes, right)->cond5
cond5(yes)->op5
cond5(no)->cond3
op5->e

效果

流程圖.png

這個流程圖有個問題,我希望ids_remain的兩個條件都為空藐不,但是markdown語法沒法實現(xiàn)我這需求(不知道我這需求是不是有毛苍群濉),只能先這樣畫著了雏蛮。


原文

http://jlan.me/2016/09/09/%E7%94%A8markdown%E6%9D%A5%E7%94%BB%E6%B5%81%E7%A8%8B%E5%9B%BE/

參考

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末涎嚼,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子挑秉,更是在濱河造成了極大的恐慌法梯,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,406評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件犀概,死亡現(xiàn)場離奇詭異立哑,居然都是意外死亡,警方通過查閱死者的電腦和手機姻灶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評論 3 398
  • 文/潘曉璐 我一進店門铛绰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人产喉,你說我怎么就攤上這事捂掰。” “怎么了镊叁?”我有些...
    開封第一講書人閱讀 167,815評論 0 360
  • 文/不壞的土叔 我叫張陵尘颓,是天一觀的道長。 經(jīng)常有香客問我晦譬,道長疤苹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,537評論 1 296
  • 正文 為了忘掉前任敛腌,我火速辦了婚禮卧土,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘像樊。我一直安慰自己尤莺,他們只是感情好,可當我...
    茶點故事閱讀 68,536評論 6 397
  • 文/花漫 我一把揭開白布生棍。 她就那樣靜靜地躺著颤霎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上友酱,一...
    開封第一講書人閱讀 52,184評論 1 308
  • 那天晴音,我揣著相機與錄音,去河邊找鬼缔杉。 笑死锤躁,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的或详。 我是一名探鬼主播系羞,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼霸琴!你這毒婦竟也來了椒振?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,668評論 0 276
  • 序言:老撾萬榮一對情侶失蹤梧乘,失蹤者是張志新(化名)和其女友劉穎杠人,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體宋下,經(jīng)...
    沈念sama閱讀 46,212評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,299評論 3 340
  • 正文 我和宋清朗相戀三年辑莫,在試婚紗的時候發(fā)現(xiàn)自己被綠了学歧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,438評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡各吨,死狀恐怖枝笨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情揭蜒,我是刑警寧澤横浑,帶...
    沈念sama閱讀 36,128評論 5 349
  • 正文 年R本政府宣布,位于F島的核電站屉更,受9級特大地震影響徙融,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瑰谜,卻給世界環(huán)境...
    茶點故事閱讀 41,807評論 3 333
  • 文/蒙蒙 一欺冀、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧萨脑,春花似錦隐轩、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,279評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春悴灵,著一層夾襖步出監(jiān)牢的瞬間扛芽,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,395評論 1 272
  • 我被黑心中介騙來泰國打工称勋, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留胸哥,地道東北人。 一個月前我還...
    沈念sama閱讀 48,827評論 3 376
  • 正文 我出身青樓赡鲜,卻偏偏與公主長得像空厌,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子银酬,可洞房花燭夜當晚...
    茶點故事閱讀 45,446評論 2 359

推薦閱讀更多精彩內(nèi)容