Markdown扩展语法

本文是基于Typora的软件的编辑器来进行测试的，如果你所选用的编辑器不支持该语法可忽略该内容

链接

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

链接: [link](https://mp.csdn.net).

图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif)

带尺寸的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif =30x30)

居中的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif#pic_center)

居中并且带尺寸的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/2c5626d1121945cb84be5bc1cdd2de45.gif#pic_center =30x30)

Todo List

• 1111
• 2222

- [ ] 1111
- [x] 2222

表格

Item	Value	Qty
Computer	1600 USD	5
Phone	12 USD	12
Pipe	1 USD	234

| Item      |    Value | Qty  |
| :-------- | --------:| :--: |
| Computer  | 1600 USD |  5   |
| Phone     |   12 USD |  12  |
| Pipe      |    1 USD | 234  |

时序图(UML图)

``mermaid #代码块开始符号少了一个反单引号，便于显示源代码
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->>Alice: I am good
 thanks!
``

流程图(Flowchart)

``mermaid #代码块开始符号少了一个反单引号，便于显示源代码
flowchat
st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op
``

在typora中流程图是:

``flow
代码
``

gitlab中显示改流程图存在异常，估计需要安装插件；

插入甘特图(gantt图)

``mermaid #代码块开始符号少了一个反单引号，便于显示源代码
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2014-01-06,2014-01-08
        进行中               :active,  des2, 2014-01-09, 3d
        计划中               :         des3, after des2, 5d
``

LaTeX 公式

可以创建行内公式，例如 KaTeX parse error: Expected group after '\mathbb' at end of input: …all n\in\mathbb。
或者块级公式：
$$x=\frac{-b\pm \sqrt{b^2-4ac}}{2a}$$

常用字符表参考:

1. Typora中利用LaTeX 插入数学公式
2. 使用Typora添加数学公式
3. Markdown语法 MinDoc介绍的很详细，关于Markdown图表的内容值得一看
4. mermaid Markdown图表插件的官方说明文档
5. flow chart 流程图的网站