一级标题使用一个#
# 标题
二级标题用两个##
# 标题
三级用三个
# 标题
最多用到六级标题
# 标题
# 标题
# 标题
#文字：
发现了这个主题的一些好玩的东西
黑幕黑幕黑幕黑幕黑幕黑幕 ： 鼠标滑过显示内容
模糊模糊模糊模糊模糊模糊 ： 选中文字显示内容
!! 黑幕黑幕黑幕黑幕黑幕黑幕！！： 鼠标滑过显示内容
!! 模糊模糊模糊模糊模糊模糊！！{.bulr} ： 选中文字显示内容##删除线：
就像这样~~~删除线~~~(使用波浪号，文字两边同时加上两个)文字
##斜体/加粗/斜体加粗：
*文字*(在文字两边加上一个*) **文字**(文字两边加上两个**)***文字***（文字两边加上三个***）##下划线：
<u>文字</u> 就像这样（快捷键是Ctrl+U）代码是<u> </u>
##高亮（需要打开扩展）：
文字 在文字两边加上两个== 也可再加上斜体之类的效果
##下标（需要打开扩展）：
H~2~O H~2~O~2~H2O H2O2
##上标（需要打开扩展）：
m^2^ m^3^m2 m3
#表情符号（emoji）：
输入:会出现提示，如：
:smile:😄
#表格:
用|来分不同的单元格，用-来分表头
name | price
--- | ---
fried chicken | 19
cola|5| name | price |
|---|---|
| fried chicken | 19 |
| cola | 5 |
为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界，在表头下方的分隔线标记中加入 :，即可标记下方单元格内容的对齐方式：
也可用ctrl + t 来快速创建
#引用：
>文字
>文字就像这样
文字
文字
#列表：
##（无序列表）：
* + enter- 123
- 321
##（有序列表）：
1. 123
2. 321- 123
- 321
#代码：
```语言名称#include<stdio.h>
int main()
{
printf("Hello World");
return 0;
}##行内代码：
`名称`例如：java c++
#分割线：
*** + enter 或者 --- +enter#跳转：
##外部跳转：
[提示文字](要跳转的网址)##内部跳转（Typora支持）：
[跳转](#标题)#自动链接：
用<>包含的ULR会自动链接
#图片：
 放在和文档一个文件夹内则直接输入图片名称即可 也可以手动选择
#快捷键：
| 快捷键 | 作用 | 快捷键 | 作用 |
|---|---|---|---|
| Ctrl+1 | 一阶标题 | Ctrl+B | 字体加粗 |
| Ctrl+2 | 二阶标题 | Ctrl+I | 字体倾斜 |
| Ctrl+3 | 三阶标题 | Ctrl+U | 下划线 |
| Ctrl+4 | 四阶标题 | Ctrl+Home | 返回Typora顶部 |
| Ctrl+5 | 五阶标题 | Ctrl+End | 返回Typora底部 |
| Ctrl+6 | 六阶标题 | Ctrl+T | 创建表格 |
| Ctrl+L | 选中某句话 | Ctrl+K | 创建超链接 |
| Ctrl+D | 选中某个单词 | Ctrl+F | 搜索 |
| Ctrl+E | 选中相同格式的文字 | Ctrl+H | 搜索并替换 |
| Alt+Shift+5 | 删除线 | Ctrl+Shift+I | 插入图片 |
- 无序列表：输入-之后输入空格
- 有序列表：输入数字+“.”之后输入空格
- 任务列表：-[空格]空格 文字
- 标题：ctrl+数字
- 表格：ctrl+t
- 生成目录：
[TOC]按回车 - 选中一整行：ctrl+l
- 选中单词：ctrl+d
- 选中相同格式的文字：ctrl+e
- 跳转到文章开头：ctrl+home
- 跳转到文章结尾：ctrl+end
- 搜索：ctrl+f
- 替换：ctrl+h
- 引用：输入>之后输入空格
- 代码块：ctrl+alt+f
- 加粗：ctrl+b
- 倾斜：ctrl+i
- 下划线：ctrl+u
- 删除线：alt+shift+5
- 插入图片：直接拖动到指定位置即可或者ctrl+shift+i
- 插入链接：ctrl + k
# 画图：
# 流程图：
要在Front Matter中添加mermaid: true才可以
```mermaid
graph 方向描述
TB 上到下
BT 下到上
RL 右到左
LR 左到右
graph TB;
A-->B
B-->C
C-->A 就是下面的图了graph TB;
A-->B;
B-->C;
C-->A;# 流程图常用符号及含义
# 节点形状
| 表述 | 说明 | 含义 |
|---|---|---|
| id[文字] | 矩形节点 | 表示过程，也就是整个流程中的一个环节 |
| id(文字) | 圆角矩形节点 | 表示开始和结束 |
| id((文字)) | 圆形节点 | 表示连接。为避免流程过长或有交叉，可将流程切开。成对 |
| id | 菱形节点 | 表示判断、决策 |
| id>文字] | 右向旗帜状节点 |
单向箭头线段：表示流程进行方向
id即为节点的唯一标识，A~F 是当前节点名字，类似于变量名，画图时便于引用
括号内是节点中要显示的文字，默认节点的名字和显示的文字都为A
graph TB
A
B(圆角矩形节点)
C[矩形节点]
D((圆形节点))
E{菱形节点}
F>右向旗帜状节点] graph TB
A
B(圆角矩形节点)
C[矩形节点]
D((圆形节点))
E{菱形节点}
F>右向旗帜状节点]
graph TB
begin(出门)--> buy[买炸鸡]
buy --> IsRemaining{"还有没有炸鸡？"}
IsRemaining -->|有|happy[买完炸鸡开心]--> goBack(回家)
IsRemaining --没有--> sad["伤心"]--> goBack
graph TB
begin(出门)--> buy[买炸鸡]
buy --> IsRemaining{"还有没有炸鸡？"}
IsRemaining -->|有|happy[买完炸鸡开心]--> goBack(回家)
IsRemaining --没有--> sad["伤心"]--> goBack
# 连线
graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text==>B12graph TB
A1-->B1
A2---B2
A3--text---B3
A4--text-->B4
A5-.-B5
A6-.->B6
A7-.text.-B7
A8-.text.->B8
A9===B9
A10==>B10
A11==text===B11
A12==text==>B12graph TB
A ---B# 子图表
使用以下语法添加子图表
subgraph 子图表名称
子图表中的描述语句...
endgraph TB
subgraph 买炸鸡前
begin(出门)--> buy[出门买炸鸡]
end
buy --> IsRemaining{"还有没有炸鸡？"}
IsRemaining --没有--> sad["伤心"]--> goBack(回家)
IsRemaining -->|有|happy[买完炸鸡开心]--> goBackgraph TB
subgraph 买炸鸡前
begin(出门)--> buy[出门买炸鸡]
end
buy --> IsRemaining{"还有没有炸鸡？"}
IsRemaining --没有--> sad["伤心"]--> goBack(回家)
IsRemaining -->|有|happy[买完炸鸡开心]--> goBack# 序列图(sequence diagram)
# 概述
sequenceDiagram
[参与者1][消息线][参与者2]:消息体
...
sequenceDiagram为每幅时序图的固定开头
sequenceDiagram
Title: 买炸鸡
救救->>炸鸡店小哥: 还有炸鸡吗？
炸鸡店小哥-->>救救: 没有，要现炸
sequenceDiagram
Title: 买炸鸡
救救->>炸鸡店小哥: 还有炸鸡吗？
炸鸡店小哥-->>救救: 没有，要现炸
# 参与者（participant）
传统时序图概念中参与者有角色和类对象之分，但这里我们不做此区分，用参与者表示一切参与交互的事物，可以是人、类对象、系统等形式。中间竖直的线段从上至下表示时间的流逝。
sequenceDiagram
participant 参与者 1
participant 参与者 2
...
participant 简称 as 参与者 3 #该语法可以在接下来的描述中使用简称来代替参与者 3
participant <参与者名称>声明参与者，语句次序即为参与者横向排列次序。
# 消息线
| 类型 | 描述 |
|---|---|
| -> | 无箭头的实线 |
| --> | 无箭头的虚线 |
| ->> | 有箭头的实线（主动发出消息） |
| –->> | 有箭头的虚线（响应） |
| -x | 末端为叉的实线（表示异步） |
| --x | 末端为叉的虚线（表示异步） |
# 处理中-激活框
从消息接收方的时间线上标记一小段时间，表示对消息进行处理的时间间隔。
在消息线末尾增加 + ，则消息接收者进入当前消息的“处理中”状态；
在消息线末尾增加 - ，则消息接收者离开当前消息的“处理中”状态。
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller: 还有炸鸡吗？
seller -->> 99: 没有，要现炸。
99 -x +seller:给我炸！
seller -->> -99: 您的炸鸡好了！sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller: 还有炸鸡吗？
seller -->> 99: 没有，要现炸。
99 -x +seller:给我炸！
seller -->> -99: 您的炸鸡好了！
# 注解（note）
语法如下
Note 位置表述 参与者: 标注文字其中位置表述可以为
| 表述 | 含义 |
|---|---|
| right of | 右侧 |
| left of | 左侧 |
| over | 在当中，可以横跨多个参与者 |
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
Note over 99,seller : 热爱炸鸡
Note left of 99 : 女
Note right of seller : 男
99 ->> seller: 还有炸鸡吗？
seller -->> 99: 没有，要现炸。
99 -x +seller : 给我炸！
seller -->> -99: 您的炸鸡好了！
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
Note over 99,seller : 热爱炸鸡
Note left of 99 : 女
Note right of seller : 男
99 ->> seller: 还有炸鸡吗？
seller -->> 99: 没有，要现炸。
99 -x +seller : 给我炸！
seller -->> -99: 您的炸鸡好了！
# 循环（loop）
在条件满足时，重复发出消息序列。（相当于编程语言中的 while 语句。）
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller: 还有炸鸡吗？
seller -->> 99: 没有，要现炸。
99 ->> +seller:给我炸！
loop 三分钟一次
99 ->> seller : 我的炸鸡好了吗？
seller -->> 99 : 正在炸
end
seller -->> -99: 您的炸鸡好了！sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller: 还有炸鸡吗？
seller -->> 99: 没有，要现炸。
99 ->> +seller:给我炸！
loop 三分钟一次
99 ->> seller : 我的炸鸡好了吗？
seller -->> 99 : 正在炸
end
seller -->> -99: 您的炸鸡好了！# 选择（alt）
在多个条件中作出判断，每个条件将对应不同的消息序列。（相当于 if 及 else if 语句。）
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 现在就多少只炸好的炸鸡？
seller -->> 99 : 可卖的炸鸡数
alt 可卖的炸鸡数 > 3
99 ->> seller : 买三只！
else 1 < 可卖的炸鸡数 < 3
99 ->> seller : 有多少买多少
else 可卖的炸鸡数 < 1
99 ->> seller : 那我明天再来
end
seller -->> 99 : 欢迎下次光临sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 现在就多少只炸好的炸鸡？
seller -->> 99 : 可卖的炸鸡数
alt 可卖的炸鸡数 > 3
99 ->> seller : 买三只！
else 1 < 可卖的炸鸡数 < 3
99 ->> seller : 有多少买多少
else 可卖的炸鸡数 < 1
99 ->> seller : 那我明天再来
end
seller -->> 99 : 欢迎下次光临# 可选（opt）
在某条件满足时执行消息序列，否则不执行。相当于单个分支的 if 语句。
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 买炸鸡
opt 全都卖完了
seller -->> 99 : 下次再来
endsequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 买炸鸡
opt 全都卖完了
seller -->> 99 : 下次再来
end# 并行（Par）
将消息序列分成多个片段，这些片段并行执行。
sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 一个炸鸡，一杯可乐！
par 并行执行
seller ->> seller : 装可乐
and
seller ->> seller : 炸炸鸡
end
seller -->> 99 : 您的炸鸡好了！sequenceDiagram
participant 99 as 救救
participant seller as 炸鸡店小哥
99 ->> seller : 一个炸鸡，一杯可乐！
par 并行执行
seller ->> seller : 装可乐
and
seller ->> seller : 炸炸鸡
end
seller -->> 99 : 您的炸鸡好了！# 饼图（Pie）
pie
title Pie Chart
"Dogs" : 386
"Cats" : 85
"Rats" : 150 pie
title Pie Chart
"Dogs" : 386
"Cats" : 85
"Rats" : 150
"panda" : 200# 甘特图（gantt）
title 标题
dateFormat 日期格式
section 部分名
任务名:参数一, 参数二, 参数三, 参数四，参数五
//参数一：crit（是否重要，红框框） 或者 不填
//参数二：done（已完成）、active（正在进行） 或者 不填(表示为待完成状态)
//参数三：取小名 或者 不填
//参数四：任务开始时间
//参数五：任务结束时间gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48hgantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
