「File」Markdown格式解析

---

介绍

Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。
Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创建。
Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。
Markdown 编写的文档后缀为 .md, .markdown。
Markdown 推荐使用的编译器：VScode、Typora。
Markdown 在线编译 https://dillinger.io/
Markdown 中文网
Markdown 官方教程

快捷键

说明	快捷键
撤销	Ctrl/Command + Z
重做	Ctrl/Command + Y
加粗	Ctrl/Command + B
斜体	Ctrl/Command + I
标题	Ctrl/Command + Shift + H
无序列表	Ctrl/Command + Shift + U
有序列表	Ctrl/Command + Shift + O
检查列表	Ctrl/Command + Shift + C
插入代码	Ctrl/Command + Shift + K
插入链接	Ctrl/Command + Shift + L
插入图片	Ctrl/Command + Shift + G
查找	Ctrl/Command + F
替换	Ctrl/Command + G

标题

语法格式

@[TOC](这里写目录标题)
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

显示效果

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

---

文本样式

文本颜色

<font color="#FF8C0" >文本颜色</font>

文本颜色
字体颜色列表

---

文本大小

语法格式

<font size=3>文本大小</font>

显示效果
文本大小

---

文本字体

语法格式

<font face="华文楷体">文本字体</font>

显示效果
文本字体

---

强调文本

**语法格式**
*强调文本* _强调文本_

显示效果
强调文本 强调文本

---

加粗文本

语法格式

**加粗文本** __加粗文本__

显示效果
加粗文本 加粗文本

---

代码文本

语法格式

<code>代码文本</code>

显示效果
代码文本

---

标记文本

语法格式

==标记文本==

显示效果
标记文本

---

删除文本

语法格式

~~删除文本~~

显示效果
删除文本

---

引用文本

语法格式

> 引用文本

显示效果

引用文本

---

其他文本

语法格式

H~2~O is是液体。

2^10^ 运算结果是 1024。

显示效果

H₂O is是液体。

2¹⁰ 运算结果是 1024。

---

分割线

语法格式

***
---
_________________

显示效果

---

---

---

换行

语法格式

<br>

显示效果

---

锚点

PS：锚点ID号搜索遵循自上而下查找，当有两个及两个以上相同ID后优先跳转最上面一个

[点我跳转到：测试](#test2)
<a id="test2">测试</a>
[回到顶部](#Top)👆

点我跳转到：测试
测试
回到顶部🔝

---

列表

无序列表

语法格式

- 项目
  * 项目
    + 项目

显示效果

• 项目
  • 项目
    • 项目

---

有序列表

语法格式

1. 项目1
2. 项目2
3. 项目3

显示效果

1. 项目1
2. 项目2
3. 项目3

---

待办列表

语法格式

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

显示效果

• 计划任务
• 完成任务

---

列表嵌套

语法格式

1. 项目1
   - 项目
2. 项目2
   - 项目
3. 项目3
   - 项目

显示效果

1. 项目1
   • 项目
2. 项目2
   • 项目
3. 项目3
   • 项目

---

图片

语法格式

图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png)
带尺寸的图片:  =60x60
宽度确定高度等比例的图片:  =60x
高度确定宽度等比例的图片: =x60
居中的图片: #pic_center
居左的图片: #pic_left
居右的图片: #pic_right
居中并且带尺寸的图片: #pic_center =60x60

显示效果
图片:

图片居中 #pic_center

居中的图片: ![Alt](https://i-blog.csdnimg.cn/blog_migrate/8f1b213356ed81d5a706d52c6ab7cb6d.png#pic_center)

居中的图片:

---

链接

语法格式

链接: [CSDN官网](https://www.csdn.net/)

显示效果
链接: CSDN官网

---

代码片

语法格式

	```
	// A code block
	var foo = 'bar';
	```

显示效果

// A code block
var foo = 'bar';

---

表格

微软表格转换工具-表格转文本
微软表格转换工具-文本转表格
形式一：
语法格式

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

| Column 1 | Column 2 |Column 3 |
|:--------|:--------:| -------------:|
| right-aligned 文本居左 | centered 文本居中 | right-aligned 文本居右 |

显示效果

项目	Value
电脑	$1600
手机	$12
导管	$1

Column 1	Column 2	Column 3
right-aligned 文本居左	centered 文本居中	right-aligned 文本居右

形式二：
语法格式

<table>
	<tr>
	    <th>姓名</th>
	    <th>物理</th>  
	</tr >
	<tr >
	    <td rowspan="2">李</td>
	    <td>88</td>
	</tr>
	    <td>87</td>
	</tr>
</table>

显示效果

姓名	物理
李	88
	87

注脚

语法格式

一个具有注脚的文本。[^1]

[^1]: 注脚的解释

显示效果
一个具有注脚的文本。¹

---

注释

语法格式

Markdown将文本转换为 HTML。
*[HTML]:   超文本标记语言

显示效果
Markdown将文本转换为 HTML。

---

LaTeX 数学公式

LaTeX 数学公式参考文档
语法格式

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

显示效果

Gamma公式展示 $\Gamma (n)=(n-1)!\forall n\in \mathbb{N}$ 是通过 Euler integral

$$\Gamma (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

---

甘特图

甘特图参考文档
语法格式

	```mermaid
	gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section 现有任务
        已完成               :done,    des1, 2022-12-04,2022-12-06
        进行中               :active,  des2, 2022-12-06, 3d
        计划中               :         des3, after des2, 5d
	```

显示效果

---

UML图

UML图参考文档
语法格式

	```mermaid
	sequenceDiagram
	张三 ->> 李四: 你好！李四, 最近怎么样?
	李四-->>王五: 你最近怎么样，王五？
	李四--x 张三: 我很好，谢谢!
	李四-x 王五: 我很好，谢谢!
	Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
	
	李四-->>张三: 打量着王五...
	张三->>王五: 很好... 王五, 你怎么样?
	```

显示效果

---

Mermaid流程图

Mermaid流程图参考文档
语法格式

	```mermaid
	graph LR
	A[长方形] -- 链接 --> B((圆))
	A --> C(圆角长方形)
	B --> D{菱形}
	C --> D
	```

显示效果

---

Flowchart流程图

Flowchart流程图参考文档
语法格式

	```mermaid
	flowchat
	st=>start: 开始
	e=>end: 结束
	op=>operation: 我的操作
	cond=>condition: 确认？
	
	st->op->cond
	cond(yes)->e
	cond(no)->op
	```

显示效果

---

类图

类图参考文档
语法格式

	```mermaid
	classDiagram
	    Class01 <|-- AveryLongClass : Cool
	    <<interface>> Class01
	    Class09 --> C2 : Where am i?
	    Class09 --* C3
	    Class09 --|> Class07
	    Class07 : equals()
	    Class07 : Object[] elementData
	    Class01 : size()
	    Class01 : int chimp
	    Class01 : int gorilla
	    class Class10 {
	        >>service>>
	        int id
	        size()
	    }
	```

显示效果

---

1. 注脚的解释 ↩︎