Markdown基本语法

Markdown基本语法

1、快捷键

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

2、目录

# 一级目录
## 二级目录
### 三级目录

一级目录

二级目录

三级目录

注意 # 之后添加一个空格

3、标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

4、文本样式

斜体字： *强调文本* _强调文本_

加粗字： **加粗文本** __加粗文本__

==标记文本==

~~删除文本~~

> 引用文本

H~2~O is是液体。

2^10^ 运算结果是 1024。 

斜体字： 强调文本 强调文本

加粗字： 加粗文本 加粗文本

标记文本

删除文本

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024。

5、列表

无序列表 加上Tab可嵌套列表
- 项目
  * 项目
    + 项目
 
有序列表
1. 项目1
2. 项目2
3. 项目3

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

无序列表 加上Tab可嵌套列表

• 项目
  • 项目
    • 项目

有序列表

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

方框

• 计划任务
• 完成任务

6、链接

链接: [link](https://www.csdn.net/).

图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)

带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)

居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)

居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)

链接: link.

图片:

带尺寸的图片:

居中的图片:

居中并且带尺寸的图片:

7、代码片

下面展示一些 `内联代码片`。

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

```javascript
// An highlighted block
var foo = 'bar';
```

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

// An highlighted block
var foo = 'bar';

8、表格

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

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

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

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

注意：在最后一个竖线后回车运行

9、注脚，注释

1. 注脚

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

[^1]: 注脚的解释

一个具有注脚的文本。¹

2. 注释

Markdown将文本转换为 HTML。

*[HTML]:   超文本标记语言

Markdown将文本转换为 HTML。

10、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 (z)={\int }_0^{\infty }{t}^{z-1}{e}^{-t}dt.$$

11、插入甘特图、UML、流程图

1. 甘特图

参考文档

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

Mon 06 Mon 13 已完成 进行中 计划中 现有任务 Adding GANTT diagram functionality to mermaid

2. UML图

参考文档

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

李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
```

张三 李四 王五 你好！李四, 最近怎么样? 你最近怎么样，王五？ 我很好，谢谢! 我很好，谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

3. 插入Mermaid流程图

参考文档

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

链接

长方形

圆

圆角长方形

菱形

4. 插入Flowchart流程图

参考文档

Mermaid 作为一个使用 JS 渲染的库，生成的不是一个“图片”，而是一段 HTML 代码，因此安全许多。

官网：https://mermaidjs.github.io/
Github 项目地址：https://github.com/knsv/mermaid

```mermaid
flowchart
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

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

参考博客：Mermaid实用教程

---

1. 这是一个注脚，本文参考csdn帮助文档 ↩︎