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
    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((圆))
  • 非对称:
    graph LR
    word>A]
    graph LR
    word>A]

连接线

  • 带箭头:
    graph LR
    A-->B

    graph LR
    A-->B
  • 不带箭头
    graph LR
    A---B
    graph 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相对复杂一些的语法使用,其中包括表格,算数,流程图,甘特图等的语法讲解,给出了效果以及实现语法。希望能够有收获。

最后修改:2018 年 11 月 13 日 06 : 36 PM
如果觉得我的文章对你有用,请随意赞赏