以下是是相对应的显示效果https://github.com/ZekeSong/Team30-CanTool/blob/master/markdown练习.md
以下是语法练习：包括常用的语法，以及一些高级使用的语法比如表格，甘特图，流程图等
```<script src="mermaid.min.js"></script><script>mermaid.initialize({startOnLoad:true});</script>```[TOC]生成全文目录结构
### 1. 标题# 一级标题## 二级标题### 三级标题...###### 六级***### 2. 无序列表- 列表1 - 列表1.1 - 列表1.2+ 列表2* 列表3***### 3. 有序列表1. 列表1 1. 列表1.1 2. 列表2.12. 列表23. 列表3***### 4. 引用和代码块> 没有什么能够阻挡--蓝莲花>> 生活不止眼前的苟且，还有诗和远方的田野--高晓松
`单行代码 print("helloworld") ```` c //区块代码1 int add(int a,int b) { return a+b; }``` 区块代码2 yiiud iuiod wsqiu***### 5. 粗体和斜体**这是粗体**__这也是粗体__*这是斜体*_这也是斜体_~~删除线~~***### 6. 链接与图片1. 行内式[文本](链接地址 "title 鼠标悬停显示")[GitHub](https://help.github.com/)2. 参考式：类似于参考文献引用方式[GitHub][1]
[1]:https://help.github.com/[Google][]省略参考id[google]:http://google.com/
3. 行内式 
4. 参考式![TensorFlow][2]
[2]:https://pic3.zhimg.com/v2-ace015ed36f3fa2f22f0a6bdea4310ee_b.jpg "TensorFlow"
***### 7. 分割线下面是分割线，这是第一段***---___上面是分割线，这是第二段***### 8. 表格
| 表头1 | 表头2 | 表头 3 | 表头4|:--- |---: | ---|:---:|左对齐|右对齐|中间|中间(默认)| | |
| 姓名 | 学号|性别|-- |--|--|scg|21172|manlqy|2156|female***### 9.待办事项- [ ] 未完成1- [ ] 未完成2- [x] 已完成1 - [x] 已完成1.1***### 10. 流程图graph TB/BT/LR/RL 分别表示箭头方向从上到下/从下到上/从左到右/从右到左
```graph LRA{菱形}-->B[矩形]A-->C((圆形))B-->D(圆角矩形)C---|插入文本|E(无箭头)C-->|TWO|F(有箭头)``````graph TBA((编程语言))-->B[编译型]A-->C[解释型]B-->D(C语言)C-->|ONE|E(PYTHON)C-->|TWO|F(JAVAScript)```***### 11.甘特图```ganttdateFormat YYYY-MM-DDtitle 产品计划表section 初期阶段客户讨论:2016-02-27,5d明确需求:2016-03-01,10d
section 中期阶段跟进开发:2016-03-11,15d
section 后期阶段检查测试:2016-03-20,9d``````gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d```***### 12. Diagram```sequenceDiagram participant Alice participant Bob Alice->John: Hello John, how are you? loop Healthcheck John->John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail... John-->Alice: Great! John->Bob: How about you? Bob-->John: Jolly good!```
转载于:https://www.cnblogs.com/SongChengguang/p/7719287.html
