MarkDown表格 + 流程圖繪制

表格繪制

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

一、md原生

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

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

水果價格數量

香蕉	$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 TDA[Start] --> B[Your Operation] B --> C{Yes or No?} C --> |yes| D[end] C --> |no| B```

如上腳本生成如下流程圖：

graph TDA[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驗證。具體的語法請參考文檔末尾的參考文檔

---

參考文檔

markdown繪圖插件—-mermaid簡介

腳本繪圖工具總結

CSDN的MarkDown使用說明

有道云MardDow使用說明

Markdown學習筆記:如何畫流程圖 (flowchart.js)

https://github.com/adrai/flowchart.js

---

感謝

2017 …… ,卷起褲管跑，擼起袖子干！

yanxiangyfg的專欄 ：　“忠于實踐，記錄點滴”

---

總結

以上是生活随笔為你收集整理的Markdown学习之(2)－绘制表格和流程图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。