Markdown進階

1.1 前言

前面通過初識Markdown章節已經介紹了Markdown的基本語法,其實Markdown遠遠不止前面的語法,這篇文章繼續介紹Markdown的進階語法:

1.2 表格

效果:

語法:

名稱 | 資訊
---|---
鞠騫 | 男
部落格 | [www.andyqian.com](www.andyqian.com)

備註: 使用|分隔不同的單元格,使用-分隔表頭與其他行。

對齊

左	中	右
左對齊	居中對齊	右對齊

- :— 左對齊
- :—: 居中對齊
- —: 右對齊

注意事項: 表格中的單元格中支援大多數基礎語法的巢狀,如:斜體,加粗等基本語法的支援。如下所示:

1.3 算數公式

Markdown語法支援的算數表示式有很多,由於篇幅原因，不再給出過多的案例:
效果:

E = mc^2

語法:

math
E = mc^2

1.4 節點&連線線

節點
節點主要分為四個方向:LR,RL,TB,BT詳細如下所示:

graph LR
A-->B

• LR (Left to Right): 從左至右

graph RL
A-->B

• RL (Right to Left): 從右至左

graph
 
 TB
A-->B

• TB (Top to Bottom): 從頂部至底部

graph BT
A-->B

- BT (Bottom to Top): 從底部至頂部

節點形狀
節點的預設形狀為矩形,也可以改變其形狀：
預設形狀(矩形):

graph LR
  word

有說明的矩形

 graph LR
  word[矩]

圓角:

 graph LR
  word(圓角)

菱形

 graph LR
  word{菱}

圓形

 graph LR
  word((圓))

非對稱

 graph LR
 word>A]
 

連線線
帶箭頭:

graph LR
A-->B

不帶箭頭

graph LR
A---B

• –> 代表帶箭頭,>表示箭頭的方向

- — 表示不帶箭頭的連線線

效果:

 graph TB 
 公司-->研發
 公司-->行政
 公司-->財務
 公司-->市場

語法:

 graph TB 
 公司-->研發
 公司-->行政
 公司-->財務
 公司-->市場

1.5 時序圖

以一個簡單的Web應用請求為例:
效果:

sequenceDiagram
瀏覽器->>Tomcat: ① 表單資料
Tomcat->>MySQL: ② DB操作
MySQL->>Tomcat: ③ 返回操作結果
Tomcat->>瀏覽器: ④ 展示給使用者

語法:

sequenceDiagram  
瀏覽器->>Tomcat: ① 表單資料
Tomcat->>MySQL: ② DB操作
MySQL->>Tomcat: ③ 返回操作結果
Tomcat->>瀏覽器: ④ 展示給使用者

其中以:->>為箭頭指向方向,如何自身呼叫,則指向本身。
效果:

sequenceDiagram  
A->>A: 自身呼叫

語法:

sequenceDiagram  
A->>A: 自身呼叫

1.6 甘特圖

效果:

gantt
dateFormat YYYY-MM-DD
section S1
T1: 2014-01-01, 9d
section S2
T2: 2014-01-11, 9d
section S3
T3: 2014-01-02, 9d

語法:

gantt
dateFormat YYYY-MM-DD
section S1
T1: 2014-01-01, 9d
section S2
T2: 2014-01-11, 9d
section S3
T3: 2014-01-02, 9d

其語法構成為: dateFormat YYYY-MM-DD中為日格格式,selection S1則表示節點,其中9d表示9天

1.7 參考連結

1.8 小結

這篇文章主要介紹了Markdown相對複雜一些的語法使用，其中包括表格,算數,流程圖,甘特圖等的語法講解,給出了效果以及實現語法。希望能夠有收穫。