MarkDown表格 + 流程圖繪製

表格繪製

在Markdown上寫一個表格真是讓人頭疼的事情，寫的不流暢還要擔心格式。我為大家總結了以下三種方法，前兩種大家或許司空見慣了，第三種是神器。。。

一、md原生

| 水果        | 價格    |  數量  |
| --------   | -----:   | :----: |
| 香蕉        | $1      |   5    |
| 蘋果        | $1      |   6    |
| 草莓        | $1      |   7    |

這種寫法出來的效果如下:

二、html表格

暫時不表，後續學習html語法是深入

三、excel表格

這個可以說是大殺器了，我們只需要下載一個東西就行了，這個是知乎使用者幻灰龍寫的東西，親測有效

下載連結

解壓下來就能把excel變成md表格了

在解壓目錄下，使用以下命令列，把xx的部分換成表格名稱就行了（注意路徑問題），windows就行了，不需要linux

整個表格：    exceltk.exe -t md -xls xxx.xls  
              exceltk.
 
exe -t md -xls xxx.xlsx
指定sheet：  
              exceltk.exe -t md -xls xx.xls -sheet sheetname   
              exceltk.exe -t md -xls xx.xlsx -sheet sheetnameexceltk
特性：
     轉換Excel表格到MarkDown表格
     支援Excel單元格帶超連結
     如果Excel裡有合併的跨行單元格，在轉換後的MarkDown裡是分開的單元格，這是因為MarkDown本身不支援跨行單元格
     如果Excel表格右側有大量的空列，則會被自動裁剪，演算法是根據前100
 
行來檢測並計算

這個方法真心方便了好多

流程圖

因為Markdown沒有統一的標準，不同的指令碼直譯器對相同的標籤的的解析結果不一致，markdown只是把引用編譯成quoteblock標籤，什麼樣子還要由css決定。

而MardDown繪製流程圖的外掛尤為突出，MarkDown中嵌入的不同的指令碼解析工具形成了不同型別的MardDown。比如有道雲筆記的MardDown使用的是mermaid繪圖外掛。mermaid是JS庫，可用於繪製時序圖、流程圖、甘特圖等，功能比較強大，輸出格式為SVG。 而CSDN部落格上使用的MardDown的繪圖外掛使用的是flowchart.js外掛。這兩種不同外掛的MarkDown化流程圖的語法完全不一樣。所以在使用有道雲筆記和CSDN部落格的時候需要分開學習。

對於各種指令碼繪圖工具的總結，請檢視此連結

1.有道雲流程圖(mermaid語法)

```
graph TD

A[Start] --> B[Your Operation]
B --> C{Yes or No?}
C --> |yes| D[end]
C --> |no| B

```

如上指令碼生成如下流程圖：

graph TD

A[Start] --> B[Your Operation]
B --> C{Yes or No?}
C --> |yes| D[end]
C --> |no| B

2.上述流程圖在CSDN畫法

如下程式碼在csdn上可以正常顯示流程圖,但是在有道雲的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
```

具體顯示的流程圖樣式也和有道雲的不一樣，請複製此指令碼語言放入CSDN驗證。具體的語法請參考文件末尾的參考文件

參考文件

感謝

2017 …… ,捲起褲管跑，擼起袖子幹！