MarkDown详细使用方法

MarkDown详细使用方法

一、基础教程

1. 目录

MarkDown使用 [TOC] 生成标题

2. 标题

Markdown 标题有两种格式。一种为 Setext headers，另一种为 ATX headers。

Setext headers

Setext格式的标题分别使用 “=” 和 “-” 标记一级标题和二级标题，语法格式如下：

我展示的是一级标题
=================

我展示的是二级标题
-----------------

第一行是标题内容，由非空字符组成，而且缩进要小于一个Tab的长度。"=" 和 “-” 要紧跟着标题的下一行，"=" 和 “-” 字符的个数要大于1，两种字符可以混用。注意第二行个字符之间不能由空格或者除 “=” 和 “-” 之外的其他字符。

ATX headers

ATX格式的标题使用 “#” 标记，可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

3.段落格式

段落

Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。当然也可以在段落后面使用一个空行来表示重新开始一个段落。

字体

Markdown 可以使用以下几种字体：

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

H~2~O is是液体。

2^10^ 运算结果是 1024.

H₂O 是液体。

2¹⁰ 运算结果是 1024。

分隔线

你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：

***

* * *

*****

- - -

----------

删除线

如果段落上的文字要添加删除线，只需要在文字的两端加上两个波浪线 ~~ 即可，实例如下：

GOOGLE.COM
~~BAIDU.COM~~

BAIDU.COM

下划线

下划线可以通过 HTML 的 标签来实现：

带下划线文本

带下划线文本

脚注

脚注是对文本的补充说明。

Markdown 脚注的格式如下:

[^要注明的文本]

以下实例演示了脚注的用法：

创建脚注格式类似这样 [^BAIDU]。

[^BAIDU]: 百度 -- 百度一下，你就知道！

4. 列表

Markdown 支持有序列表和无序列表。

无序列表使用星号(*)、加号(+)或是减号(-)作为列表标记：

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项

有序列表使用数字并加上 . 号来表示，如：

1. 第一项
2. 第二项
3. 第三项

列表嵌套

列表嵌套只需在子列表中的选项添加四个空格或一个Tab即可：

1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项：
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

计划任务

- [ ] 计划任务
- [x] 完成任务

---

5. 区块（引用）

Markdown 区块引用是在段落开头使用 > 符号 ，然后后面紧跟一个空格符号：

> 区块引用
> Google
> Baidu

区块引用
Google
Baidu

另外区块是可以嵌套的，一个 > 符号是最外层，两个 > 符号是第一层嵌套，以此类推：

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

最外层

第一层嵌套

第二层嵌套

区块中使用列表

区块中使用列表实例如下：

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

区块中使用列表

1. 第一项
2. 第二项

• 第一项
• 第二项
• 第三项

列表中使用区块

如果要在列表项目内放进区块，那么就需要在 > 前添加四个空格的缩进。

区块中使用列表实例如下：

* 第一项
    > Google
    > Baidu
* 第二项

6. 代码

如果是段落上的一个函数或片段的代码可以用反引号把它包起来（`），例如：

`printf()` 函数

printf() 函数

代码区块

代码区块使用 4 个空格或者一个制表符（Tab 键）。实例如下：

	print('Hello World!')

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

​```python
print('Hello World!')
​```

7. 链接

链接使用方法如下：

[链接名称](链接地址)

或者

<链接地址>

例如：

这是一个链接 [百度一下，你就知道](https://www.baidu.com)
这是一个链接 

这是一个链接 百度一下，你就知道
这是一个链接 https://www.baidu.com

高级链接

我们可以通过变量来设置一个链接，变量赋值在文档末尾进行：

这个链接用 1 作为网址变量 [Google][1]
这个链接用 baidu 作为网址变量 [Baidu][baidu]
然后在文档的结尾为变量赋值（网址）

  [1]: http://www.google.com/
  [baidu]: http://www.baidu.com/

8. 图片

Markdown 图片语法格式如下：

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")

• 开头一个感叹号 !
• 接着一个方括号，里面放上图片的替代文字
• 接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

使用实例：

![Python 图标](https://www.python.org/static/img/python-logo.png)

![Python 图标](https://www.python.org/static/img/python-logo.png "Python")

当然，也可以像网址那样对图片网址使用变量:

这个链接用 1 作为网址变量 [Python][1].
然后在文档的结尾为变量赋值（网址）

[1]: https://www.python.org/static/img/python-logo.png

9. 表格

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

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

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

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

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

实例如下：

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

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

---

二、高级技巧

1. 支持的 HTML 元素

不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。目前支持的 HTML 元素有：
^{_{等 ，如：}}

使用 Ctrl+Alt+Del 重启电脑

使用 Ctrl+Alt+Del 重启电脑

2. 转义

Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：

**文本加粗** 
\*\* 正常显示星号 \*\*

Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

\   反斜线
`   反引号
*   星号
_   下划线
{}  花括号
[]  方括号
()  小括号
#   井字号
+   加号
-   减号
.   英文句点
!   感叹号

3. 公式

当你需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 KaTeX 格式的数学公式来实现。

基本符号

LaTex	符号	LaTex	符号
+	$+$	-	$-$
\times	$\times$	\div	$÷$
\pm	$\pm$	\mp	$\mp$
\lt	$<$	\gt	$>$
\leq | \le	$\le$	\geq \ge	$\ge$
leqslant	$⩽$	\geqslant	$⩾$
\leqq	$\leqq$	\geqq	$\geqq$
\neq	$\ne$	\not\lt …	$\nless$ …
\overset{above}{level}	$\stackrel{above}{\mathrm{level}}$	\underset{below}{level}	$\underset{below}{\mathrm{level}}$
\cup	$\cup$	\cap	$\cap$
\setminus	$\setminus$	\backslash	$\backslash$
\subset	$\subset$	\supset	$\supset$
\subseteq	$\subseteq$	\supseteq	$\supseteq$
\subsetneq	$⊊$	\supsetneq	$⊋$
\emptyset	$\varnothing$	\varnothing	$\varnothing$
\dot x	$\dot{x}$	\ddot x	$\ddot{x}$
\cdot | x\cdot y	$\cdot$ | $x\cdot y$	\ldots	$\dots$
\ddots	$\ddots$	\vdots	$⋮$
\star	$\star$	\ast	$\ast$
\oplus	$\oplus$	\circ	$\circ$
\bullet	$\bullet$
\to | \rightarrow	$\to$ | $\to$	\leftarrow	$\leftarrow$
\Rightarrow	$\Rightarrow$	\Leftarrow	$\Leftarrow$
\mapsto	$\mapsto$
\hat x	$\hat{x}$	\widehat {xy}	$xy$
\bar x	$\bar{x}$	\overline {xy}	$\overline{xy}$
\vec x	$x$	\overrightarrow x	$x$
\overleftrightarrow {xy}	$xy$
\land	$\wedge$	\lor	$\vee$
\lnot	$\neg$	\forall	$\forall$
\exists	$\exists$
\top	$\top$	\bot	$\perp$
\vdash	$⊢$	\vDash	$\models$
\approx	$\approx$	\sim	$\sim$
\simeq	$\simeq$	\cong	$\cong$
\equiv	$\equiv$	\prec	$\prec$
\lhd	$⊲$	a \equiv b\pmod n	$a\equiv b(\mathrm{m}\mathrm{o}\mathrm{d}n)$
\because	$\because$	\therefore	$\therefore$
\infty	$\infty$	\aleph | \aleph_0	$\aleph$ | ${\aleph }_0$
\nabla	$\nabla$	\partial	$\partial$
\Im	$\Im$	\Re	$\Re$
{n+1 \choose 2k} | \binom{n+1}{2k}	$\left(\genfrac{}{}{0ex}{}{n+1}{2k}\right)$	\operatorname{foo}(x)	$\mathrm{foo}(x)$
\sqrt 4 | \sqrt[3]9	$\sqrt{4}$ | $\sqrt[3]{9}$ …	2^9 | {...}^{1/2}	$2^9$ | ${...}^{1/2}$
a_1	$a_1$	\lim | \lim\limits_{x\to 10} （$..$ 和$$..$$ 格式下\lim_{x\to 10}的显示效果不同）	$\lim$ | $\underset{x\to 10}{\lim }$
\sin x | \cos x …	$\sin x$| $\cos x$ …	arcsin x| arccos x …	$\arcsin x$ | $\arccos x$ …

$X\overset{a}{\underset{b}{\to}}Y$

$$X\stackrel{a}{\underset{b}{\to }}Y$$

$\overset{ \huge\frown}{PQ}$

$$\stackrel{⌢}{\mathrm{PQ}}$$

$$
\underset{j=1}
{
	\overset{\infty}{\LARGE\mathrm K}}\frac{a_j}{b_j}
	=
	\cfrac{a_1}{b_1+\cfrac{a_2}{b_2+\cfrac{a_3}{b_3+\ddots}}
}
$$

$$\underset{j=1}{\stackrel{\infty }{\mathrm{K}}}\frac{a_j}{b_j}=\frac{a_1}{b_1+\frac{a_2}{b_2+\frac{a_3}{b_3+\ddots }}}$$

字母

Latex中各种希腊字母的书写形式如下表所示：

希腊字母小写、大写	LaTeX	希腊字母小写、大写	LaTeX
$$\alpha$$ $$A$$	\alpha A	$$\mu$$ $$N$$	\mu N
$$beta$$ $$B$$	\beta B	$$\xi$$ $$\Xi$$	\xi \Xi
$$\gamma$$ $$\Gamma$$	\gamma \Gamma	$$o$$ $$O$$	o O
$$\delta$$ $$\Delta$$	\delta \ Delta	$$\pi$$ $$\Pi$$	\pi \Pi
$$ϵ$$ $$\epsilon$$ $$E$$	\epsilon \varepsilon E	$$\rho$$ $$\varrho$$ $$P$$	\rho \varrho P
$$\zeta$$ $$Z$$	\zeta Z	$$\sigma$$ $$\Sigma$$	\sigma \Sigma
$$\eta$$ $$H$$	\eta H	$$\tau$$ $$T$$	\tau T
$$\theta$$ $$\vartheta$$ $$\Theta$$	\theta \vartheta \Theta	$$\upsilon$$ $${\rm Y}$$	\upsilon \Upsilon
$$\iota$$ $$I$$	\iota I	$$\varphi$$ $$\phi$$ $$\Phi$$	\phi \varphi \Phi
$$\kappa$$ $$K$$	\kappa K	$$\chi$$ $$X$$	\chi X
$$\lambda$$ $$\Lambda$$	\lambda \Lambda	$$\psi$$ $$\Psi$$	\psi \Psi
$$\mu$$ $$M$$	\mu M	$$\omega$$ $$\Omega$$	\omega \Omega

字体

LaTex	字体
\mathbb{ABCDEFGHabcdefgh} | \Bbb{}	$\mathbb{A}\mathbb{B}\mathbb{C}\mathbb{D}\mathbb{E}\mathbb{F}\mathbb{G}\mathbb{H}abcdefgh$
\mathhbf{ABCDEFGHabcdefgh}	$\mathbf{A}\mathbf{B}\mathbf{C}\mathbf{D}\mathbf{E}\mathbf{F}\mathbf{G}\mathbf{H}\mathbf{a}\mathbf{b}\mathbf{c}\mathbf{d}\mathbf{e}\mathbf{f}\mathbf{g}\mathbf{h}$
\mathbhit{ABCDEFGHabcdefgh}	$ABCDEFGHabcdefgh$
\pmb{ABCDEFGHabcdefgh}	$ABCDEFGHabcdefgh\text{ABCDEFGHabcdefgh}ABCDEFGHabcdefgh$
\mathtt{ABCDEFGHabcdefgh}	$\mathtt{A}\mathtt{B}\mathtt{C}\mathtt{D}\mathtt{E}\mathtt{F}\mathtt{G}\mathtt{H}\mathtt{a}\mathtt{b}\mathtt{c}\mathtt{d}\mathtt{e}\mathtt{f}\mathtt{g}\mathtt{h}$
\mathrm{ABCDEFGHabcdefgh}	$\mathrm{A}\mathrm{B}\mathrm{C}\mathrm{D}\mathrm{E}\mathrm{F}\mathrm{G}\mathrm{H}\mathrm{a}\mathrm{b}\mathrm{c}\mathrm{d}\mathrm{e}\mathrm{f}\mathrm{g}\mathrm{h}$
\mathsf{ABCDEFGHabcdefgh}	$\mathsf{A}\mathsf{B}\mathsf{C}\mathsf{D}\mathsf{E}\mathsf{F}\mathsf{G}\mathsf{H}\mathsf{a}\mathsf{b}\mathsf{c}\mathsf{d}\mathsf{e}\mathsf{f}\mathsf{g}\mathsf{h}$
\mathcal{ABCDEFGHabcdefgh}	$\mathcal{A}\mathcal{B}\mathcal{C}\mathcal{D}\mathcal{E}\mathcal{F}\mathcal{G}\mathcal{H}abcdefgh$
\mathscr{ABCDEFGHabcdefgh}	$\mathcal{A}\mathcal{B}\mathcal{C}\mathcal{D}\mathcal{E}\mathcal{F}\mathcal{G}\mathcal{H}abcdefgh$
\mathfrak{ABCDEFGHabcdefgh}	$\mathfrak{A}\mathfrak{B}\mathfrak{C}\mathfrak{D}\mathfrak{E}\mathfrak{F}\mathfrak{G}\mathfrak{H}\mathfrak{a}\mathfrak{b}\mathfrak{c}\mathfrak{d}\mathfrak{e}\mathfrak{f}\mathfrak{g}\mathfrak{h}$

字符重音

LaTex	重音	LaTex	重音
\bar{a}	$\bar{a}$	\acute{a}	$\acute{a}$
\check{a}	$\check{a}$	\grave{a}	$\grave{a}$
\hat{a}	$\hat{a}$	\tilde{a}	$\tilde{a}$
\vec{a}	$a$	\mathring{a}	$\mathring{a}$
\dot{x} \ddot{x}	$\dot{x}$ $\ddot{x}$

括号

使用()、 [] 生成小括号和中括号$(3+4)[5+6]$ ，使用\{\}生成大括号 $\{\}$。如果公式中内含有比例（分号）如(\frac{\sqrt x}{y^3}) $(\frac{\sqrt{x}}{y^3})$ 括号并不会适应公式的大小，可以使用 \left(...\right) 适应公式大小 \left(\frac{\sqrt x}{y^3}\right) $\left(\frac{\sqrt{x}}{y^3}\right)$。也可以使用 \Biggl(\biggl(\Bigl(\bigl((x)\bigr)\Bigr)\biggr)\Biggr) $\left(\right(\left(\right((x)\left)\right)\left)\right)$ 调整括号大小。

求和和积分

编号	Latex	公式
1	\sum | \sum \_1\^n | \sum_{i=0}^\infty i^2	$\sum$ | ${\sum }_1^n$ | ${\sum }_{i=0}^{\infty }{i}^2$
2	\int | \iint | \int\_1\^n	$\int$ | $\iint$ | ${\int }_1^n$
3	\prod	$\prod$
4	\bigcup	$\bigcup$
5	\bigcap	$\bigcap$

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过欧拉积分
$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

分数

编号	LaTex	分数	说明
1	\frac ab | \frac {a+b}{c+d}	$\frac{a}{b}$ | $\frac{a+b}{c+d}$	常规的方法 ，生成的公式大小会被压缩。如\cfrac {a+1}{b+1}\cfrac {c+1}{d+1} $\frac{a+1}{b+1}\frac{c+1}{d+1}$。
2	\cfrac ab | \cfrac {a+b}{c+d}	$\frac{a}{b}$ | $\frac{a+b}{c+d}$	公式中又连续分数时常使用这种方法，有比较好的显示效果。如 \cfrac {a+1}{b+1}\cfrac {c+1}{d+1} $\frac{a+1}{b+1}\frac{c+1}{d+1}$。
3	{a+b\over c+d}	$\frac{a+b}{c+d}$	分子和分母比较复杂是常使用这种方法。

数组（表）

通过 \begin{array}{}...\end{array} 创建数组，数组中的每一列格式都应该列出来，也可以使用 {} 省略每一列的格式，常用的格式有

• c：中心对齐
• r：右对齐
• l：左对齐
• |：列右侧画垂直线

数组中的每个元素通过 & 分隔，使用 \\ 进行换行，可以在某一行下插入\hline 进行行的水平分隔。例如

$$
    \begin{array}{c|lcr}
    n & \text{Left} & \text{Center} & \text{Right} \\
    \hline
    1 & 0.24 & 1 & 125 \\
    2 & -1 & 189 & -8 \\
    3 & -20 & 2000 & 1+10i
    \end{array}
$$

$$\begin{array}{clcr}n& \text{Left}& \text{Center}& \text{Right}\\ 1& 0.24& 1& 125\\ 2& -1& 189& -8\\ 3& -20& 2000& 1+10i\end{array}$$

矩阵

使用 $$\begin{matrix}...\end{matrix}$$ 构造矩阵，用 &分隔矩阵元素，用 \\ 换行。有matrix、pmatrix、bmatrix 、Bmatrix 、vmatrix、Vmatrix几种类型的矩阵。各种类型的矩阵如下所示。

• matrix：$\begin{array}{cc}1& 2\\ 3& 4\end{array}$
• pmatrix：$\left(\begin{array}{cc}1& 2\\ 3& 4\end{array}\right)$
• bmatrix：$\left[\begin{array}{cc}1& 2\\ 3& 4\end{array}\right]$
• Bmatrix：$\left\{\begin{array}{cc}1& 2\\ 3& 4\end{array}\right\}$
• vmatrix：$\left|\begin{array}{cc}1& 2\\ 3& 4\end{array}\right|$
• Vmatrix：$\Vert \begin{array}{cc}1& 2\\ 3& 4\end{array}\Vert$

例子：

$$
    \begin{matrix}
    1 & x & x^2 \\
    1 & y & y^2 \\
    1 & z & z^2 \\
    \end{matrix}
$$

$$\begin{array}{ccc}1& x& x^2\\ 1& y& y^2\\ 1& z& z^2\end{array}$$
如果不想列出所有矩阵元素，可以使用 \cdots $\cdots$ \ddots $\ddots$ \cdots $⋮$ 进行矩阵元素省略。例如

$$
	\begin{bmatrix}
	1 & a_1 & a_1^2 & \cdots & a_1^n \\
	1 & a_2 & a_2^2 & \cdots & a_2^n \\
	\vdots & \vdots & \vdots & \ddots & \vdots \\
	1 & a_m & a_m^2 & \cdots & a_m^n \\
	\end{bmatrix}
$$

$$\left[\begin{array}{ccccc}1& a_1& a_1^2& \cdots & a_1^n\\ 1& a_2& a_2^2& \cdots & a_2^n\\ ⋮& ⋮& ⋮& \ddots & ⋮\\ 1& a_m& a_m^2& \cdots & a_m^n\end{array}\right]$$
对于水平增广矩阵，可以在适当格式的表周围添加圆括号或者方括号生成。例如

$$
	\left[
	\begin{array}{cc|c}
	1 & 2 & 3\\
	4 & 5 & 6
	\end{array}
	\right]
$$

$$\left[\begin{array}{ccc}1& 2& 3\\ 4& 5& 6\end{array}\right]$$
这里的 cc|c 将 3 $\times$ 3 数组用 | 分为左边两列，右边一列的格式。

对于垂直增广矩阵，使用 \hline 生成。例如

$$
	\begin{pmatrix}
	a & b\\
	c & d\\
	\hline
	1 & 0\\
	0 & 1
	\end{pmatrix}
$$

$$\left(\begin{array}{cc}a& b\\ c& d\\ 1& 0\\ 0& 1\end{array}\right)$$

分段函数（用例定义）

使用\begin{cases}…\end{cases}构造分段函数，每一个分段以 \\ 结尾，分段中使用 &对齐各个部分。例如

$$
f(n) =
    \begin{cases}
    	\frac{n}{2},  & \text{if $n$ is even} \\
    	3n+1, & \text{if $n$ is odd}
    \end{cases}
$$

$$f(n)=\{\begin{array}{ll}\frac{n}{2},& \text{if n is even}\\ 3n+1,& \text{if n is odd}\end{array}$$
可以使用 \\[3ex] 来获得更大的垂直间距，数字越大，垂直间隔越大。例如

$$
f(n) =
    \begin{cases}
    	\frac{n}{2},  & \text{if $n$ is even} \\[3ex]
    	3n+1, & \text{if $n$ is odd}
    \end{cases}
$$

$$f(n)=\{\begin{array}{ll}\frac{n}{2},& \text{if n is even}\\ 3n+1,& \text{if n is odd}\end{array}$$
使用left，right 结合数组，将括号移到右边，同时也可以通过上面的方法增大垂直间距。例如

$$
    \left.
    \begin{array}{l}
    \text{if $n$ is even:} & n/2 \\[2ex]
    \text{if $n$ is odd:}  & 3n+1
    \end{array}
    \right\}
    =f(n)
$$

$$\begin{array}{lc}\text{if n is even:}& n/2\\ \text{if n is odd:}& 3n+1\end{array}\}=f(n)$$

划掉

LaTex	划掉
y+\cancel{x}	$y+x$
\cancel{y+x}	$y+x$
y+\bcancel{x}	$y+x$
y+\xcancel{x}	$y+x$
\frac{1\cancel9}{\cancel95} = \frac15	$\frac{19}{95}=\frac{1}{5}$

方程组

1. 使用 \begin{array}…\end{array} 结合 \left{...\right.创建方程组。

$$
    \left\{ 
    \begin{array}{c}
    a_1x+b_1y+c_1z=d_1 \\ 
    a_2x+b_2y+c_2z=d_2 \\ 
    a_3x+b_3y+c_3z=d_3
    \end{array}
    \right. 
$$

$$\{\begin{array}{c}{a}_{1}x+b_{1}y+c_{1}z=d_1\\ a_{2}x+b_{2}y+c_{2}z=d_2\\ a_{3}x+b_{3}y+c_{3}z=d_3\end{array}$$
2. 或者使用 \begin{cases}…\end{cases} 创建方程组。

$$
    \begin{cases}
    a_1x+b_1y+c_1z=d_1 \\ 
    a_2x+b_2y+c_2z=d_2 \\ 
    a_3x+b_3y+c_3z=d_3
    \end{cases}
$$

$$\{\begin{array}{l}{a}_{1}x+b_{1}y+c_{1}z=d_1\\ a_{2}x+b_{2}y+c_{2}z=d_2\\ a_{3}x+b_{3}y+c_{3}z=d_3\end{array}$$
3. 使用 \begin{aligned}...\end{aligned} 结合 \left{...\right.创建方程组并对齐等式。

$$
    \left\{
    \begin{aligned} 
    a_1x+b_1y+c_1z &=d_1+e_1 \\ 
    a_2x+b_2y&=d_2 \\ 
    a_3x+b_3y+c_3z &=d_3 
    \end{aligned} 
    \right. 
$$

$$\{\begin{array}{rl}{a}_{1}x+b_{1}y+c_{1}z& =d_1+e_1\\ a_{2}x+b_{2}y& =d_2\\ a_{3}x+b_{3}y+c_{3}z& =d_3\end{array}$$

颜色

命名颜色依赖于浏览器;如果浏览器不知道特定的颜色名称，它可能会将文本呈现为黑色。以下的颜色是HTML4和CSS2的标准颜色，大多数浏览器都应该有相同的解释:

LaTex	颜色
\color{black}{text}	$text$
\color{gray}{text}	$text$
\color{silver}{text}	$text$
\color{white}{text}	$text$
\color{maroon}{text}	$text$
\color{red}{text}	$text$
\color{yellow}{text}	$text$
\color{lime}{text}	$text$
\color{olive}{text}	$text$
\color{green}{text}	$text$
\color{teal}{text}	$text$
\color{aqua}{text}	$text$
\color{blue}{text}	$text$
\color{navy}{text}	$text$
\color{purple}{text}	$text$
\color{fuchsia}{text}	$text$

也可以使用 #rgb 的形式指定文本颜色 r g b 分别是 0-9-a-f 的十六进制数

LaTex	颜色	LaTex	颜色	LaTex	颜色	LaTex	颜色
\color{#000}{text}	$text$	\color{#005}{text}	$text$	\color{#00A}{text}	$text$	\color{#00F}{text}	$text$
\color{#500}{text}	$text$	\color{#505}{text}	$text$	\color{#50A}{text}	$text$	\color{#50F}{text}	$text$
\color{#A00}{text}	$text$	\color{#A05}{text}	$text$	\color{#A0A}{text}	$text$	\color{#A0F}{text}	$text$
\color{#F00}{text}	$text$	\color{#F05}{text}	$text$	\color{#F0A}{text}	$text$	\color{#F0F}{text}	$text$
\color{#080}{text}	$text$	\color{#085}{text}	$text$	\color{#08A}{text}	$text$	\color{#08F}{text}	$text$
\color{#580}{text}	$text$	\color{#585}{text}	$text$	\color{#58A}{text}	$text$	\color{#58F}{text}	$text$
\color{#A80}{text}	$text$	\color{#A85}{text}	$text$	\color{#A8A}{text}	$text$	\color{#A8F}{text}	$text$
\color{#F80}{text}	$text$	\color{#F85}{text}	$text$	\color{#F8A}{text}	$text$	\color{#F8F}{text}	$text$
\color{#0F0}{text}	$text$	\color{#0F5}{text}	$text$	\color{#0FA}{text}	$text$	\color{#0FF}{text}	$text$
\color{#5F0}{text}	$text$	\color{#5F5}{text}	$text$	\color{#5FA}{text}	$text$	\color{#5FF}{text}	$text$
\color{#AF0}{text}	$text$	\color{#AF5}{text}	$text$	\color{#AFA}{text}	$text$	\color{#AFF}{text}	$text$
\color{#FF0}{text}	$text$	\color{#FF5}{text}	$text$	\color{#FFA}{text}	$text$	\color{#FFF}{text}	$text$

附加装饰

LaTex	装饰	LaTex	装饰
\overline{AA}	$\overline{AA}$	\underline{AA}	$\underline{AA}$
\widetilde{AA}	$AA$	\widehat{AA}	$AA$
\fbox{AA}	$\boxed{AA}$
\underleftarrow{AA}（字母不可为空）	$AA$	\underrightarrow{AA}（字母不可为空）	$AA$
\xleftarrow{AA}（字母可为空）	$\stackrel{AA}{}$	\xrightarrow{AA}（字母可为空）	$\stackrel{AA}{}$
\underleftrightarrow{AA}	$AA$
\overleftarrow{AA}	$AA$	\overrightarrow{AA}	$AA$
\overbrace{(a+b)+(c-d)}	$(a+b)+(c-d)$	\underbrace{(a+b)+(c-d)}	$(a+b)+(c-d)$

4. 流程图

流程图

1、横向流程样例：

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

a=1

a=2

方形

圆角

条件a

结果1

结果2

横向流程图

2、竖向流程图样例：

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

a=1

a=2

方形

圆角

条件a

结果1

结果2

竖向流程图

3、标准流程图：

流程图的语法结构如下

nodeName=>nodeType: nodeText[|flowstate][:>urlLink]

• [] ：表示为可选项。
• nodeName：用于定义流程图中的节点变量名。
• nodeType：节点类型
• nodeText：节点内容。允许换行，换行将反映在呈现的节点文本中。
• flowstate：使用 | 操作符为节点指定额外样式。
• urlLink：使用 :> 操作符指定要链接到的url。

节点类型：

• start：用作流图开始的第一个节点。默认文本是Start。

• end：用作流图开始的最后一个节点。默认文本是End。

• operation：操作节点。

• inputoutput：输入输出节点。

• subroutine：表示在流中发生了一个子过程，并且应该有另一个流程图来记录该子过程。

• condition：条件节点。

• parallel：多个流同时发生。

连接：

连接各个节点，格式如下

node1->node2
node2->node3->node4

方向：

所有节点都有一个默认的方向，这使它成为一个可选的规范。将被用来指示应该在其位置上使用下面的一个

• left
• right
• top
• bottom

按类型指定节点的说明符

• start：

  startVar()->nextNode
  

• end：

  previousNode->endVar
  

• operation：

  operationVar()->nextNode
  

• inputoutput：

  inputoutputVar()->nextNode
  

• subroutine：

  subroutineVar()->nextNode
  

• condition：

  conditionalVar(yes, )->nextNode1
  conditionalVar(no,  )->nextNode2
  

• parallel：

  parallelVar(path1, )->nextNode1
  parallelVar(path2, )->nextNode2
  

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

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

4、标准流程图样例（横向）：

```mermaid
flowchat
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
```

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no

```mermaid
flowchat
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1
```

Created with Raphaël 2.2.0 Start My Operation Yes or No? catch something... End parallel tasks My Subroutine yes no

5. UML时序图(顺序图)

• -> ：直线
• -->：虚线
• ->>：实线箭头

1、UML时序图样例：

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

对象A 对象B 对象B你好吗?（请求） 对象B的描述 对象A的描述(提示) 我很好(响应) 你真的好吗？ 对象A 对象B 标题：复杂使用

2、UML时序图复杂样例：

```mermaid
sequenceDiagram
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: 没人陪我玩
```

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

3、UML标准时序图样例：

```mermaid
      sequenceDiagram
      participant 张三
      participant 李四
      张三->王五: 王五你好吗？
      loop 健康检查
      王五->王五: 与疾病战斗
      end
      Note right of 王五: 合理 食物 
看医生...
      李四-->>张三: 很好!
      王五->李四: 你怎么样?
      李四-->王五: 很好!
```

张三 李四 王五 王五你好吗？ 与疾病战斗 loop [ 健康检查 ] 合理 食物 看医生... 很好! 你怎么样? 很好! 张三 李四 王五 标题：复杂使用

6. 甘特图

1、简单甘特图样例：

```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
```

Mon 06 Mon 13 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

2、复杂甘特图样例：

```mermaid
        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
```

Mon 06 Mon 13 Mon 20 需求 原型 UI设计 未来任务 学习准备理解需求 设计框架 开发 未来任务 耍 功能测试 压力测试 测试报告 设计 开发 测试 软件开发甘特图

---

三、参考

1. Mermaid语法说明
2. LaTeX数学表达式语法说明
3. Flowchart流程图语法说明