如何优雅的写Markdown

一,基本用法

1.引用

写法:

> 第一个引用
>> 这事第二个引用
>>> 这是第三级引用

效果如下:

第一个引用

这事第二个引用

这是第三级引用

2.链接

写法:

[这是百度的地址](http://www.baidu.com)

格式:
[name](url)

效果:

这是百度的地址

3.表格

表格使用|来分割不同的单元格，使用-来分隔表头和其他行

:-：将表头及单元格内容左对齐
-:：将表头及单元格内容右对齐
:-:：将表头及单元格内容居中

写法:

| 项目        | 价格   |  数量  |
| --------   | -----:  | :----:  |
| 计算机     | \$1600 |   5     |
| 手机        |   \$12   |   12   |
| 管线        |    \$1    |  234  |

效果:

项目	价格	数量
计算机	$1600	5
手机	$12	12
管线	$1	234

4.脚注

使用 Markdown^[1]可以效率的书写文档, 直接转换成 HTML^[2], 你可以使用 Typora^[3] 编辑器进行书写。

脚注自动被搬运到最后面，请到文章末尾查看，并且脚注后方的链接可以直接跳转回到加注的地方。

二,高级用法

1.待办事件

写法:

- [ ] 支持以 PDF 格式导出文稿
- [ ] 改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率
- [x] 新增 Todo 列表功能

效果:

支持以 PDF 格式导出文稿
改进 Cmd 渲染算法，使用局部渲染技术提高渲染效率
新增 Todo 列表功能

2.书写公式

前提打开Typora以下选项

写法:(单行的)

$$E=mc^2$$

效果:

写法二:(多行)

$$
E = mc^2
$$

效果:

3.上下标的写法

在$$外:

x^2^ 
x~2~

x²
x₁

4.分数的写法

$$
\frac{2}{3}
\frac{x+1}{y+1}
\frac{x^2}{x^y}
$$

效果:

5.流程图的写法

写法:

```flow
st=>start: Start:>https://www.zybuluo.com
io=>inputoutput: verification
op=>operation: Your Operation
cond=>condition: Yes or No?
sub=>subroutine: Your Subroutine
e=>end

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

效果:

可参考: 流程图语法参考

6.甘特图

写法:

```mermaid
    gantt
    title 项目开发流程
    section 项目确定
        需求分析       :a1, 2016-06-22, 3d
        可行性报告     :after a1, 5d
        概念验证       : 5d
    section 项目实施
        概要设计      :2016-07-05  , 5d
        详细设计      :2016-07-08, 10d
        编码          :2016-07-15, 10d
        测试          :2016-07-22, 5d
    section 发布验收
        发布: 2d
        验收: 3d
```

效果:

gantt title 项目开发流程 section 项目确定需求分析 :a1, 2016-06-22, 3d 可行性报告 :after a1, 5d 概念验证 : 5d section 项目实施概要设计 :2016-07-05 , 5d 详细设计 :2016-07-08, 10d 编码 :2016-07-15, 10d 测试 :2016-07-22, 5d section 发布验收发布: 2d 验收: 3d

其他图:

$$
\begin{Bmatrix}
   a & b \\
   c & d
\end{Bmatrix}
$$
$$
\begin{CD}
   A @>a>> B \\
@VbVV @AAcA \\
   C @= D
\end{CD}
$$

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

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

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

```sequence
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.嵌套html

嵌套文字写法:

<font face="楷体" color=#00ffff size=5>改变文字格式</font>

效果:

改变文字格式

桥套框架写法:

<iframe src="https://player.bilibili.com/player.html?cid=99269782&aid=56824180&page=1&as_wide=1&high_quality=1&danmaku=0"
			 allowfullscreen="allowfullscreen" width="100%" height="500" scrolling="no" frameborder="0" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>

效果:

markdown可以很好的嵌套html,请尽情的挥毫ba~~

9.其他公式

①高亮

==高亮==

高亮

②根号

\sqrt{4}
\sqrt[3]{4}
\sqrt[8]{x+y}

\sqrt[4]{[(4+x)-y]}

数学符号:

\not= 不等于 \\
\approx 约等于\\
\leq 下雨等于  \\ 
\geq  大于等于  \\
\times  乘法 \\
\div 除号  \\
\pm  正负号 \\
\sum^1_i  求和符号  \\
\sum^k_i  求和符号  \\
\prod_2^1 类乘  \\
\coprod_i^k  累除 \\ 

\overline{1+2+3+...+n}  \\

sinx \\ 
180^\circ  \\
\sin x
\sin \pi  \\
\tan x  \\ 
\infty  \\
\int^2_0  \\
\iint \\
\iiint \\
\lim_{x->0} \\
\in  \\
\notin \\ 
\supset \\
\supseteq \\
\bigcap  \\
\bigcup  \\

\log_{10} \\
\alpha  \\
\beta  \\
\gamma  \\
\delta \\
\eta  \\
\omega \\
\theta  \\
\sigma  \\
\mu  \\
\epsilon \\

\int^1_0x^2dx

\lim_{n\rightarrow+\infty}\frac{1}{n}  \\
\lim_{n\leftarrow\infty}  \\

\sum_1^n

f(x) = \frac{1}{x_1} + \frac{1}{x_2} +\cdots + \frac{1}{x_n}