typora公式zuo对齐_Markdown语法小结

1.标题

一级标题

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

二级标题

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

一级

二级

三级

四级五级六级

标题也可采用 井号#，#代表一级标题，##代表二级标题，以此类推，最多六级标题2.区块实例(换行生效)

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

示例代码：> 区块实例

>> 区块嵌套

>>> 区块多级嵌套

显示效果：区块实例区块嵌套区块多级嵌套3.列表

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

2

3

有序列表一级选项

二级选项

三级选项产品介绍介绍

产品功能功能 1

功能 2

产品特点特点 1

特点 24.代码区块

一对反引号(`)可以包含一行代码或者函数`四个空格或者一个TAB可以包含区块代码

你也可以用``包裹一段代码，并指定一种语言(也可以不指定)：message = "Python syntax highlighting”

print(message)#include

#include5.分割线

三个以上 段横---6.强调单星号添加斜体效果 *

下划线加粗 __ __ 或者 双星号加粗 ** **三星号粗斜体 *** ***7.链接行内式链接语法：以个人博客为例

[链接标题](链接地址)

参考式链接语法：以个人博客为例

[链接标题][链接索引，例如1]

然后在文档任意一处添加索引链接，例如 [1]: (链接地址)8.图片行内式图片语法：

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

图片语法样式与链接样式区别在于图片语法多了 感叹号！9.表格Markdown 制作表格使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

语法格式如下：| 表头 | 表头 |

| ---- | ---- |

| 单元格 | 单元格 |

| 单元格 | 单元格 |

代码显示效果：表头表头单元格单元格

单元格单元格

我们可以设置表格的对齐方式：-: 设置内容和标题栏居右对齐。

:- 设置内容和标题栏居左对齐。

:-: 设置内容和标题栏居中对齐。

(冒号在哪，哪里对齐)

实例如下：| 左对齐 | 右对齐 | 居中对齐 |

| :-----| ----: | :----: |

| 单元格 | 单元格 | 单元格 |

| 单元格 | 单元格 | 单元格 |

代码显示效果：左对齐 :--右对齐 --:居中对齐 :--:单元格单元格单元格

单元格单元格单元格(左对齐)TablesAre(居中对齐)Cool(居中对齐)col 3 isright-aligned$1600

col 2 iscentered$12

zebra stripesare neat$1(左对齐)Year(居中对齐)Mondaytime(右对齐)2018051118:03

2017081519:5410.email

尖括号<> 可包含邮箱链接我的邮箱<13175311521@163.com>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 王五: 合理 食物
看医生...

李四-->>张三: 很好!

王五->李四: 你怎么样?

李四-->王五: 很好!

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

效果图如下：