# Typora Markdown 常用语法（画图）

Typora Markdown 常用语法（画图）

Markdown 工具Typora

这个工具贼好用（记笔记）

Markdown 标题

Markdown语法	语法意义
# 一级标题	一级标题
## 二级标题	二级标题
### 三级标题	三级标题
#### 四级标题	四级标题
##### 五级标题	五级标题
###### 六级标题	六级标题

• 展示效果如下：
  

---

Markdown 段落

• 要创建段落，请使用空白行将一行或多行文本进行分隔。

Markdown语法	HTML
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。	Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

• 展示效果如下：

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

---

Markdown 强调

粗体

需要加粗的前后加两个星号

Markdown语法	演示效果
**bold text**.	**blod text **

斜体

单词或短语前后添加一个星号或下划线

Markdown语法	演示效果
*斜体*	斜体

粗体和斜体

前后加三个星号

Markdown语法	演示效果
***斜体***	斜体

删除线

要加删除线的文字左右分别用两个~~号包起来

Markdown语法	演示效果
~~这是加删除线的文字~~	这是加删除线的文字

---

Markdown 引用

单块引用

• 要创建块引用，请在段落前添加一个 > 符号。

> Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

效果如下：

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

嵌套引用

• 块引用可以嵌套。在要嵌套的段落前添加一个 >> 符号。

> Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。
>
>> Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

效果如下：

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。

---

Markdown 列表

有序列表

Markdown语法	意义
1. 序号1	有序列表

无序列表

Markdown语法	意义
- 序号1	无序列表

效果如下：

1. 有序序号1
2. 序号2

• 序号1
• 序号2
  • 序号3
  • 序号4

---

Markdown 代码

• 将写的文本配置信息代码等内容放到代码块中。

```java```
	
```txt```

效果如下：如下为java代码块

public class Test{
    public void main(String args[]){
        System.out.println("Hellow World!");
    }
}

select * from test;

---

Markdown 分隔线

• 要创建分隔线，请在单独一行上使用三个或多个星号 (***)、破折号 (---) 或下划线 (___) ，并且不能包含其他内容。

效果如下：

---

---

---

---

Markdown 链接

• 链接文本放在中括号内，链接地址放在后面的括号中，链接title可选。

这是一个链接 [Markdown语法](<https://markdown.com.cn>)。

效果如下：

这是一个链接 Markdown语法。

---

Markdown 图片

静态图片

• 要添加图像，请使用感叹号 (!), 然后在方括号增加替代文本，图片链接放在圆括号里，括号里的链接后可以增加一个可选的图片标题文本。

![这是图片](/assets/img/philly-magic-garden.jpg "Magic Gardens")

效果如下：

链接图片

[![狗子的图片](/assets/img/shiprock.jpg "Shiprock")](https://www.baidu.com)

狗子的图片

---

Markdown 转义字符

• 要显示原本用于格式化 Markdown 文档的字符，请在字符前面添加反斜杠字符 。

效果如下：

• * + _

---

Markdown 表格

语法格式：

姓名|技能|排行
--|:--:|--:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟

效果如下：

姓名	技能	排行
刘备	哭	大哥
关羽	打	二哥
张飞	骂	三弟

---

Markdown 流程图

• 创建一个画布：输入下面的命令

```mermaid```

流程图

• 基本形状

graph TB
  A
  B(圆角矩形节点)
  C[矩形节点]
  D((圆形节点))
  E{菱形节点}
  F>右向旗帜状节点] 

• 连线

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

• 图的方向

用词	含义
TB	从上到下
BT	从下到上
RL	从右到左
LR	从左到右

• 粗线条： ==>
• 备注：A --> |备注| B
• 方形边框： 代号[名称] （直接写名称默认是这个）
• 圆角边框： 代号(名称)
• 菱形边框： 代号{名称}

树形图：

横向图：

---

时序图

• 详细请参考：https://blog.csdn.net/Ybc_csdn/article/details/118557460

• 格式

sequenceDiagram
		Title: 买东西
    客户->>商家: 下单
    商家->>仓库: 下单提醒发货
    商家-->>客户: 下单成功等待收货
    仓库-->>客户: 发货
    客户->>商家: 收获成功

---

类图

• 格式

classDiagram
	Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
    Animal : +String gender
    Animal : +isMammal()
    Animal : +mate()
    class Duck{
    	+String beakColor
        +swim()
        +quack()
    }
    class Fish{
    	-int sizeInFeet
        -canEat()
    }
    class Zebra{
    	+bool is_wild
		+run()
    }

---

甘特图

• 格式

gantt
	title 我的甘特图
	dateFormat  YYYY-MM-DD
	
	section Section A
		学习后端	:a1, 2014-01-01, 20d
		学习前端	:after a1  , 20d
	
	section Section B
		学习vue	:2014-01-12  , 8d
		学习spring	: 14d

---

饼图

• 格式

pie title 我的饼图
    "狗" : 386
    "猫" : 85
    "鼠" : 150 

---

流程图

• 格式

flowchat
    st=>start: 开始
    op=>operation: 操作
    cond=>condition: 条件判断?
    e=>end: 结束

    st(right)->op->cond
    cond(yes)->e
    cond(no)->op

---