Markdown语法学习

一、流程图

1、横向流程图

```mermaid

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

```
输出：

2、竖向流程图

```mermaid

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

```
输出：

3、标准流程图

1、标准

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

```
输出 ：

2、横向

```mermaid

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

```
输出：

4、UML时序图

1、UML时序图源码样例

```mermaid

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

```
输出：

2、UML时序图源码复杂样例

```mermaid

sequenceDiagram
Title:标题:复杂使用
对象->>对象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:没人陪我玩

```
输出：

3、UML标准时序图样例

```mermaid

sequenceDiagram
    participant 张三
    participant 李四
    张三->王五: 王五你好吗？
    loop 健康检查
        王五->王五: 与疾病战斗
    end
    Note right of 王五: 合理 食物 <br/>看医生...
    李四-->>张三: 很好!       %%虚线箭头-->> 
    王五->李四: 你怎么样?     %%直线->
    李四-->王五: 很好!        %%虚线-->

```
输出：

5、甘特图

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

```

二、LaTex公式

1、在行内显示使用$...$

$E=m*c^2$

输出：$E=m\ast c^2$

f(x)=sin(x)+2

输出：$f(x)=sin(x)+2$

$\int_{a}^{b}f(x)dx$

输出：${\int }_a^{b}f(x)dx$

2、在块内显示使用$$...$$

1、简单运算

$$
E=m*c^2
$$

输出：

$$E=m\ast c^2$$

2、矩阵

常用的矩阵环境有bmatrix、matrix、vmatrix、pmatrix，可以修改中括号的矩阵环境，顺序对应输出结果

$$
\begin{bmatrix}
a & b\\
c & d
\end{bmatrix}
$$

输出：
$$\left[\begin{array}{cc}a& b\\ c& d\end{array}\right]$$

$$\begin{array}{cc}a& b\\ c& d\end{array}$$
$$\left|\begin{array}{cc}a& b\\ c& d\end{array}\right|$$
$$\left(\begin{array}{cc}a& b\\ c& d\end{array}\right)$$
Bmatrix环境

$$
\begin{Bmatrix}
a & b\\
c & d
\end{Bmatrix}
$$

输出：
$$\left\{\begin{array}{cc}a& b\\ c& d\end{array}\right\}$$

3、公式后编号

命令\tag{…}可以手动编号

$$
a_{ij}^{2} + b^3_{2}=x^{t} + y' + x''_{12} \tag{2.1}
$$

输出：
$$a_{ij}^2+b_2^3=x^t+y^{\prime }+x_{12}^{\prime \prime }\text{\hspace{1em}(2.1)}$$

4、圆点、不等号、恒等号、取模、空格、大于等于

命令\cdot表示圆点，命令\neq表示不等号，命令\equiv表示恒等于，命令\bmod表示取模，命令\quad表示空格，命令\qquad表示两个空格，命令\geqslant

$$
x+2-3*4/6=x\cdot y+1/y  \n
$$

$$
\geqslant
\leqslant
$$

输出：
$$x+2-3\ast 4/6=x\cdot y+1/y$$
$$⩾⩽$$

$$1\neq2 \quad 3\equiv3 \quad 9\bmod2=1$$

输出：
$$1\ne 23\equiv 39\mathrm{mod}2=1$$

5、根号、分式

命令\sqrt表示根号，命令\sqrt[n]表示n次根号，命令\frac表示分式

$$
\sqrt{x}+\sqrt{x^{2}+\sqrt{y}} = \sqrt[3]{k_{i}} - \frac{x}{m}
$$

输出：
$$\sqrt{x}+\sqrt{x^2+\sqrt{y}}=\sqrt[3]{k_i}-\frac{x}{m}$$

6、上、下水平线

命令\overline, \underline 分别在表达式上、下方画出水平线

$$\overline {x+y}\qquad\underline {a-b}$$

输出：
$$\overline{x+y}\underline{a-b}$$

7、上、下大括号

命令\overbrace, \underbrace 分别在表达式上、下方给出一个水平的大括号

$$
\overbrace{1+2+\cdots+n}^{n个}\qquad \underbrace{a+b+\cdots+z}_{26}
$$

输出：
$$\stackrel{n个}{\overbrace{1+2+\cdots +n}}\underset{26}{\underbrace{a+b+\cdots +z}}$$

8、向量、左右箭头

命令\vec表示向量，\overrightarrow表示箭头向右的向量，\overleftarrow表示箭头向左的向量

$$\vec{x}+\overrightarrow{CD}=\overleftarrow{AB}$$

输出：
$$\vec{x}+\overrightarrow{CD}=\overleftarrow{AB}$$

9、积分、极限、求和、乘积

命令：\int表示积分，\lim表示极限， \sum表示求和，\prod表示乘积，^、_表示上、下限，\infty表示无穷，\to表示箭头，\mathrm表示将数学斜体变成正体（罗马体）

$$
\lim_{x \to \infty} x^2_1-\int_{a}^{12}x\mathrm{d}x+\sum_{n=1}^{20}n^2=\prod_{j=1}^3y_j+\lim_{x \to -2}\frac{x-2}{x}
$$

输出：
$$\underset{x\to \infty }{\lim }{x}_1^2-{\int }_a^{12}x\mathrm{d}x+\sum _{n=1}^{20}{n}^2=\prod _{j=1}^3{y}_j+\underset{x\to -2}{\lim }\frac{x-2}{x}$$

10、三圆点

三圆点：命令\ldots点位于基线上，\cdots点设置为居中，\vdots使其垂直，\ddots对角线排列

$$1,2,3\ldots23 
\qquad \ddots \\
1+2+\cdots6
 \qquad\vdots
$$

输出：
$$\begin{gathered} 1,2,3\dots 23\ddots \\ 1+2+\cdots 6⋮ \end{gathered}$$

10、重音符号

$$\hat x \quad \bar x \quad \tilde x$$

$$\hat{x}\bar{x}\tilde{x}$$

11、公式组合

cases环境可以实现公式的组合，&分隔公式和条件，\limits可以让x→0位于lim的正下方而非默认在lim符号的右下方显示

$$D(x) = \begin{cases}
\lim\limits_{x \to 0} \frac{a^x}{b+c}, & x<3 \\
\pi, & x=3 \\
\int_a^{3b}x_{ij}+e^2 \mathrm{d}x,& x>3 \\
\end{cases}
$$

$$D(x)=\{\begin{array}{ll}\underset{x\to 0}{\lim }\frac{a^x}{b+c},& x<3\\ \pi ,& x=3\\ {\int }_a^{3b}{x}_{ij}+e^2\mathrm{d}x,& x>3\end{array}$$

12、向上、下取整

$$ \lfloor x \rfloor \qquad \lceil x \rceil $$

$$\lfloor x\rfloor \lceil x\rceil$$

3、Markdown输入特殊字符

1、直接输入

| / ~ ` * - . / @ # !

2、用转义符 \ 转义

\ * - ` ! ( ) @ #

3、使用<code>...</code>

’ csdn \ *- + @ # ! ~ ()

4、加粗且居中

<center><b>居中</b></center>

文字居中

5、背景色设置

<table><tr><td bgcolor=orange> 背景色是 1 orange</td></tr></table>
<table><tr><td bgcolor= BlueViolet > 背景色2 BlueViolet </td></tr></table>

背景色是 1 orange

背景色2 BlueViolet

6、字体，字号，颜色设置

<font face="黑体"> 黑体 </font>
<font face="微软黑体"> 微软黑体 </font>
<font face="宋体"> 宋体 </font>
<font face="STCAIYUN"> 华文彩云 </font>
<font color="red"> 红色 </font>
<font color="#008000"> 红色 </font>
<font color="blue"> 红色 </font>
<font size=5> 尺寸5 </font>
<font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font>

黑体
微软黑体
宋体
华文彩云
红色
红色
红色
尺寸5
我是黑体，绿色，尺寸为5

注意：size：规定文本的尺寸大小，取值范围为1~7 ，浏览器默认值是 3。注意，size=50也是可以显示的，但与7的字体大小一样。

7、希腊字母表

8、大于等于、小于等于

$\geqslant$       
$\leqslant$

$⩾$
$⩽$