1.1 前言
前面通过初识Markdown章节已经介绍了Markdown的基本语法,其实Markdown远远不止前面的语法,这篇文章继续介绍Markdown的进阶语法:
1.2 表格
效果:
| 名称 | 信息 |
|---|---|
| Mr_ven | 男 |
| 博客 | www.mrven.top |
语法:
名称 | 信息
---|---
Mr_ven | 男
博客 | [www.mrven.top](www.mrven.top)备注: 使用|分隔不同的单元格,使用-分隔表头与其他行。
对齐
| 左对齐 | 居中对齐 | 右对齐 |
|---|---|---|
| 左 | 中 | 右 |
语法:
左对齐 | 居中对齐 | 右对齐
---|:---:|---:
左 | 中 | 右 注意事项: 表格中的单元格中支持大多数基础语法的嵌套,如:斜体,加粗等基本语法的支持。
1.3 算数公式
Markdown语法支持的算数表达式有很多,由于篇幅原因，不再给出过多的案例:
效果:
$$E=mc^2$$
语法:$$math E = mc^2
1.4 节点&连接线
节点
节点主要分为四个方向:LR,RL,TB,BT详细如下所示:
- LR (Left to Right): 从左至右
graph LR
A-->B
graph LR
A-->B- RL (Right to Left): 从右至左
graph RL
A-->B
graph RL
A-->B- TB (Top to Bottom): 从顶部至底部
graph TB
A-->B
graph TB
A-->B- BT (Bottom to Top): 从底部至顶部
graph BT
A-->B
graph BT
A-->B节点形状
节点的默认形状为矩形,也可以改变其形状：
-
默认形状(矩形):
graph LR
wordgraph LR word -
有说明的矩形
graph LR
word[矩]graph LR word[矩] -
圆角:
graph LR
word(圆角)graph LR word(圆角) -
菱形:
graph LR
word{菱}graph LR word{菱} -
圆形:
graph LR
word((圆))graph LR word((圆)) - 非对称:
graph LR
word>A]graph LR word>A]
连接线
-
带箭头:
graph LR
A-->Bgraph LR A-->B - 不带箭头
graph LR
A---Bgraph LR A---B
–> 代表带箭头,>表示箭头的方向
---表示不带箭头的连接线
效果:
graph TB
公司-->研发
公司-->行政
公司-->财务
公司-->市场语法:
graph TB
公司-->研发
公司-->行政
公司-->财务
公司-->市场1.5 时序图
以一个简单的Web应用请求为例:
效果:
浏览器->>Tomcat: ① 表单数据
Tomcat->>MySQL: ② DB操作
MySQL->>Tomcat: ③ 返回操作结果
Tomcat->>浏览器: ④ 展示给用户语法:
seq
浏览器->>Tomcat: ① 表单数据
Tomcat->>MySQL: ② DB操作
MySQL->>Tomcat: ③ 返回操作结果
Tomcat->>浏览器: ④ 展示给用户其中以:->>为箭头指向方向,如何自身调用,则指向本身。
效果:
A->>A: 自身调用语法:
seq
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 参考链接
http://knsv.github.io/mermaid/
mermaid语法,甘特图语法介绍
维基百科 维基百科Markdown词条
1.8 小结
这篇文章主要介绍了Markdown相对复杂一些的语法使用，其中包括表格,算数,流程图,甘特图等的语法讲解,给出了效果以及实现语法。希望能够有收获。
