九、链接
格式：
[链接名称](链接地址) [链接名称](链接地址,可选的alt) 或 <链接地址>
示例：
[百度](http://www.baidu.com,'百度')
直接显示链接地址：
<http://www.baidu.com>
变量链接
链接可以用变量来代替，文档末尾或其他位置附带变量地址：
这个链接用 1 作为网址变量 [Google][1] 这个链接用 baidu 作为网址变量 [Baidu][baidu] 然后在文档的结尾或其他位置给变量赋值（网址） [1]: http://www.google.com/ [baidu]: http://www.baidu.com/
这个链接用 1 作为网址变量 Google
这个链接用 baidu 作为网址变量 Baidu
Github仓库中使用内部链接
可使用相对路径（前提是有该路径下的文件） [test](test.md)
锚点链接
本文件中每一个标题都是一个锚点，和HTML的锚点（#）类似
[Markdown](#Markdown)
注： github对含有标点符号的标题进行锚点时会忽略掉标点符号， 本页中，如果这样写则无法跳转：[链接](#九、链接) 正确写法：[链接](#九链接)
十、图片
和链接的区别是前面多一个感叹号!
当然，你也可以像链接那样对图片地址使用变量:
这里链接用 img 作为图片地址变量 然后在文档的结尾或其他位置给变量赋值（图片地址） ![RUNOOB][img] [img]: https://raw.githubusercontent.com/xugaoyi/image_store/master/blog/md_logo.png
图片宽高
如下想设置图片宽高，可以使用 <img> 标签。
<img src="https://raw.githubusercontent.com/xugaoyi/image_store/master/blog/md_logo.png" width="50px" height="30px">
相对路径以及Github中使用图片
不管是在本地还是在github同一个仓库中，如果图片存在，可以使用相对路径。
相对路径图片：
github上如果引用其他github仓库中的图片则要注意地址格式：仓库地址/raw/分支名/图片路径 或 https://raw.githubusercontent.com/用户名/仓库名/分支名/图片路径
 或 
十一、表格
制作表格使用 |来分隔不同的单元格，使用-来分隔表头和其他行。
| 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元格 | 单元格 |
| 表头 | 表头 |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
对齐方式
- -: 设置内容和标题栏居右对齐
- :- 设置内容和标题栏居左对齐
- :-: 设置内容和标题栏居中对齐
| 左对齐 | 右对齐 | 居中对齐 | | :-----| ----: | :----: | | 单元格 | 单元格 | 单元格 | | 单元格 | 单元格 | 单元格 |
| 左对齐 | 右对齐 | 居中对齐 |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
十二、Emoji表情包
Emoji表情英文名的前后加冒号，Typore上先输入冒号再输入首字母有表情提示
:smirk:
:kiss: :smile_cat::see_no_evil::horse: :smirk::blush::smiley::smile: :sunny:
更多表情名称请查看：表情包清单
十三、其他技巧
支持的 HTML 元素
不在 Markdown 语法涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。
目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等等 ，如：
使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
使用 Ctrl+Alt+Del 重启电脑
我是使用b标签的加粗字体
转义
Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用反斜杠转义字符：
**未转义星号显示加粗** \*\* 转义显示星号 \*\*
未转义星号显示加粗 ** 转义显示星号 **
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：
\ 反斜线 ` 反引号 * 星号 _ 下划线 {} 花括号 [] 方括号 () 小括号 # 井字号 + 加号 - 减号 . 英文句点 ! 感叹号
\* 以下部分在Github或其他在线预览中暂未支持 ***
数学公式
当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后，问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如：
$$ \mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\ \frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\ \frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\ \end{vmatrix} $$tep1}{\style{visibility:hidden}{(x+1)(x+1)}} $$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
图表
```chart ,Budget,Income,Expenses,Debt June,5000,8000,4000,6000 July,3000,1000,4000,3000 Aug,5000,7000,6000,3000 Sep,7000,2000,3000,1000 Oct,6000,5000,4000,2000 Nov,4000,3000,5000, type: pie title: Monthly Revenue x.title: Amount y.title: Month y.suffix: $ ``` ```mermaid sequenceDiagram A->>B: 是否已收到消息？ B-->>A: 已收到消息 ```
注：在Typora中未支持
,Budget,Income,Expenses,Debt June,5000,8000,4000,6000 July,3000,1000,4000,3000 Aug,5000,7000,6000,3000 Sep,7000,2000,3000,1000 Oct,6000,5000,4000,2000 Nov,4000,3000,5000, type: pie title: Monthly Revenue x.title: Amount y.title: Month y.suffix: $
流程图
语法： ```mermaid graph TD A[模块A] -->|A1| B(模块B) B --> C{判断条件C} C -->|条件C1| D[模块D] C -->|条件C2| E[模块E] C -->|条件C3| F[模块F] ```
流程图相关文章：
https://www.jianshu.com/p/b421cc723da5
http://www.imooc.com/article/292708
graph TD A[模块A] -->|A1| B(模块B) B --> C{判断条件C} C -->|条件C1| D[模块D] C -->|条件C2| E[模块E] C -->|条件C3| F[模块F]
时序图
```mermaid sequenceDiagram A->>B: 是否已收到消息？ B-->>A: 已收到消息 ```
sequenceDiagram A->>B: 是否已收到消息？ B-->>A: 已收到消息
甘特图
```mermaid gantt title 甘特图 dateFormat YYYY-MM-DD section 项目A 任务1 :a1, 2018-06-06, 30d 任务2 :after a1 , 20d section 项目B 任务3 :2018-06-12 , 12d 任务4 : 24d ```
gantt title 甘特图 dateFormat YYYY-MM-DD section 项目A 任务1 :a1, 2018-06-06, 30d 任务2 :after a1 , 20d section 项目B 任务3 :2018-06-12 , 12d 任务4 : 24d
