Markdown语法小结

1.标题

一级标题

一级标题使用一个以上 等号 === 即可

二级标题

二级标题使用一个以上 段横--- 即可

一级

二级

三级

四级

五级

六级

标题也可采用 井号#，#代表一级标题，##代表二级标题，以此类推，最多六级标题

---

2.区块实例(换行生效)

一个 大于号> 代表一个区块，区块可以多级嵌套

示例代码：

> 区块实例
>> 区块嵌套
>>> 区块多级嵌套

显示效果：

区块实例

区块嵌套

区块多级嵌套

---

3.列表

无序列表 (星号*) (段横-) (加号+) ，有序列表1. 2. 3.

无序列表

• 1
• 2
• 3

有序列表

1. 一级选项
2. 二级选项
3. 三级选项

• 产品介绍

  1. 介绍

• 产品功能

  1. 功能 1
  2. 功能 2

• 产品特点

  1. 特点 1
  2. 特点 2

---

4.代码区块

一对反引号（`）可以包含一行代码或者函数`

四个空格或者一个TAB可以包含区块代码

你也可以用 ` `包裹一段代码，并指定一种语言（也可以不指定）：

message = "Python syntax highlighting”
print(message)

#include<stdio.h>    

#include<stdio.h>

---

5.分割线

三个以上 段横---

---

---

6.强调

单星号添加斜体效果 *

下划线加粗 __ __ 或者 双星号加粗 ** **

三星号粗斜体 *** ***

---

7.链接

行内式链接语法：以个人博客为例
[链接标题](链接地址)

参考式链接语法：以个人博客为例
[链接标题][链接索引，例如1]
然后在文档任意一处添加索引链接，例如 [1]: (链接地址)

---

8.图片

1. 行内式图片语法： ![图片标题]（图片链接）

1. 参考式图片语法： ![图片标题][图片链接索引]，之后在文档任意一处添加索引链接，例如[1]:(图片地址)

图片语法样式与链接样式区别在于图片语法多了 感叹号！

---

9.表格

Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。
语法格式如下：

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

代码显示效果：

表头	表头
单元格	单元格
单元格	单元格

我们可以设置表格的对齐方式：

-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
(冒号在哪，哪里对齐)

实例如下：

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

代码显示效果：

左对齐 :--	右对齐 --:	居中对齐 :--:
单元格	单元格	单元格
单元格	单元格	单元格

（左对齐）Tables	Are（居中对齐）	Cool（居中对齐）
col 3 is	right-aligned	$1600
col 2 is	centered	$12
zebra stripes	are neat	$1

（左对齐）Year	（居中对齐）Mon	day	time（右对齐）
2018	05	11	18:03
2017	08	15	19:54

---

10.email

尖括号<> 可包含邮箱链接

我的邮箱<[e-mail]>

---

11.Markdown高级技巧之typora 画流程图、时序图(顺序图)、甘特图

复制以下代码使用 typora 的源码模式粘贴到编辑器中查看效果：

1、横向流程图源码格式：

graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    C -->|a=1| D[结果1]
    C -->|a=2| E[结果2]
    F[横向流程图]

2、竖向流程图源码格式：

graph TD
A[方形] --> B(圆角)
    B --> C{条件a}
    C --> |a=1| D[结果1]
    C --> |a=2| E[结果2]
    F[竖向流程图]

3、标准流程图源码格式：

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st->op->cond
cond(yes)->io->e
cond(no)->sub1(right)->op

4、标准流程图源码格式（横向）：

st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

5、UML时序图源码样例：

对象A->对象B: 对象B你好吗?（请求）
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象A->对象B: 你真的好吗？

6、UML时序图源码复杂样例：

Title: 标题：复杂使用
对象A->对象B: 对象B你好吗?（请求）
Note right of 对象B: 对象B的描述
Note left of 对象A: 对象A的描述(提示)
对象B-->对象A: 我很好(响应)
对象B->小三: 你好吗
小三-->>对象A: 对象B找我了
对象A->对象B: 你真的好吗？
Note over 小三,对象B: 我们是朋友
participant C
Note right of C: 没人陪我玩

7、UML标准时序图样例：

%% 时序图例子,-> 直线，-->虚线，->>实线箭头
  sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗？
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!
    王五->李四: 你怎么样?
    李四-->王五: 很好!

8、甘特图样例：

%% 语法示例
        gantt
        dateFormat  YYYY-MM-DD
        title 软件开发甘特图
        section 设计
        需求                      :done,    des1, 2014-01-06,2014-01-08
        原型                      :active,  des2, 2014-01-09, 3d
        UI设计                     :         des3, after des2, 5d
    未来任务                     :         des4, after des3, 5d
        section 开发
        学习准备理解需求                      :crit, done, 2014-01-06,24h
        设计框架                             :crit, done, after des2, 2d
        开发                                 :crit, active, 3d
        未来任务                              :crit, 5d
        耍                                   :2d
        section 测试
        功能测试                              :active, a1, after des3, 3d
        压力测试                               :after a1  , 20h
        测试报告                               : 48h

效果图如下：