一级标题使用一个#

# 标题

二级标题用两个 ##

# 标题

三级用三个

# 标题

最多用到六级标题

# 标题

#文字：

发现了这个主题的一些好玩的东西

黑幕黑幕黑幕黑幕黑幕黑幕：鼠标滑过显示内容
模糊模糊模糊模糊模糊模糊：选中文字显示内容

1 2	!! 黑幕黑幕黑幕黑幕黑幕黑幕！！：鼠标滑过显示内容 !! 模糊模糊模糊模糊模糊模糊！！{.bulr} ：选中文字显示内容

## 删除线：

1	就像这样~~~删除线~~~(使用波浪号，文字两边同时加上两个)

文字

## 斜体 / 加粗 / 斜体加粗：

1	文字(在文字两边加上一个*)

1	文字(文字两边加上两个**)

1	*文字（文字两边加上三个**）

## 下划线：

## 高亮（需要打开扩展）：

文字在文字两边加上两个 == 也可再加上斜体之类的效果

## 下标（需要打开扩展）：

1	H~2~O H~2~O~2~

H₂O H₂O₂

## 上标（需要打开扩展）：

m^2^   m^3^

m² m³

#表情符号（emoji）：

输入：会出现提示，如：

:smile:

😄

#表格:

用 | 来分不同的单元格，用 - 来分表头

name | price
--- | ---
fried chicken | 19
cola|5

name	price
fried chicken	19
cola	5

为了美观，可以使用空格对齐不同行的单元格，并在左右两侧都使用 | 来标记单元格边界，在表头下方的分隔线标记中加入 : ，即可标记下方单元格内容的对齐方式：

也可用 ctrl + t 来快速创建

#引用：

1
2

>文字
 >文字

就像这样

文字
文字

#列表：

##（无序列表）：

* + enter

##（有序列表）：

1 2	1. 123 2. 321

#代码：

```语言名称

#include<stdio.h>
int main()
{
    printf("Hello World");
    return 0;
}

## 行内代码：

`名称`

例如： java c++

#分割线：

1	*** + enter 或者 --- +enter

#跳转：

## 外部跳转：

1	[提示文字](要跳转的网址)

提示

## 内部跳转（Typora 支持）：

[跳转](#标题)

跳转

#自动链接：

用 <> 包含的 ULR 会自动链接

zht2334200463@gmail.com

#图片：

1	![图片名称](图片网址或者本地路径) 放在和文档一个文件夹内则直接输入图片名称即可也可以手动选择

#快捷键：

快捷键	作用	快捷键	作用
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==>B12

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==>B12

1 2	graph TB A ---B

# 子图表

使用以下语法添加子图表

1
2
3

subgraph 子图表名称
    子图表中的描述语句...
end

graph TB
	  subgraph 买炸鸡前
   			 begin(出门)--> buy[出门买炸鸡]
    end
    buy --> IsRemaining{"还有没有炸鸡？"}
    IsRemaining --没有--> sad["伤心"]--> goBack(回家)
    IsRemaining -->|有|happy[买完炸鸡开心]--> goBack

graph TB
	  subgraph 买炸鸡前
   			 begin(出门)--> buy[出门买炸鸡]
    end
    buy --> IsRemaining{"还有没有炸鸡？"}
    IsRemaining --没有--> sad["伤心"]--> goBack(回家)
    IsRemaining -->|有|happy[买完炸鸡开心]--> goBack

# 序列图 (sequence diagram)

# 概述

1
2
3

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）

语法如下

1	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 : 下次再来
    end

sequenceDiagram
    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

Typora 支持 mermaid 的官方链接

# 甘特图（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    :48h

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    :48h

学习&技术

# 标题

# 标题

# 标题

# 标题

# 标题

# 标题

# 画图：

# 流程图：

# 流程图常用符号及含义

# 节点形状

# 连线

# 子图表

# 序列图 (sequence diagram)

# 概述

# 参与者（participant）

# 消息线

# 处理中 - 激活框

# 注解（note）

# 循环（loop）

# 选择（alt）

# 可选（opt）

# 并行（Par）

# 饼图（Pie）

# 甘特图（gantt）

随笔之三

随笔之四