Markdown 基础语法示例

Markdown 基础语法示例

---

目录

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

一级目录

二级目录

三级目录

---

标题

### 三级标题

三级标题

---

文本样式

*斜体文本*
_斜体文本_

斜体文本
斜体文本

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

加粗文本
加粗文本

==标记文本==

标记文本

~~删除文本~~

删除文本

> 引用文本

引用文本

H~2~O is是液体。

H₂O is是液体。

2^10^ 运算结果是 1024。

2¹⁰ 运算结果是 1024。

---

列表

- 项目
  * 项目
    + 项目

• 项目
  • 项目
    • 项目

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

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

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

• 计划任务
• 完成任务

---

图片

![Alt](https://i-blog.csdnimg.cn/blog_migrate/9b13e5a1a574fbc5c4a4c9ebc0137589.png)

![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x60)	#带尺寸的图片
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png =60x)	#宽度确定高度等比例的图片
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center)	#居中的图片
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_center =60x60)	#居中并且带尺寸的图片
![Alt](https://img-home.csdnimg.cn/images/20220524100510.png#pic_right)	#居右的图片

---

链接

链接: [百度](https://www.baidu.com/)

链接: 百度

---

代码片

```(或后接bash/java/cpp)
var foo = ‘bar’;
```

var foo = ‘bar’;

---

表格

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

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

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

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

---

注脚

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

[^1]: 注脚的解释

一个具有注脚的文本。¹

注释

Markdown将文本转换为 HTML。

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

Markdown将文本转换为 HTML。

横线

---
___

---

---

自定义列表

Markdown
:  Text-to-HTML conversion tool

Authors
:  John
:  Luke

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

---

数学公式

参考文档:https://khan.github.io/KaTeX/

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.$$

---

插入甘特图

参考文档:https://mermaid-js.github.io/mermaid/#/gantt

```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
```

---

插入UML图

参考文档:https://mermaid-js.github.io/mermaid/#/sequenceDiagram

```mermaid
sequenceDiagram
张三 ->> 李四: 你好！李四, 最近怎么样?
李四-->>王五: 你最近怎么样，王五？
李四--x 张三: 我很好，谢谢!
李四-x 王五: 我很好，谢谢!
Note right of 王五: 李四想了很长时间

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

---

插入Mermaid流程图

参考文档:https://mermaid-js.github.io/mermaid/#/flowchart?id=graph

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

---

插入Flowchart流程图

参考文档:http://flowchart.js.org/

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

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

---

插入classDiagram类图

参考文档:https://mermaid-js.github.io/mermaid/#/classDiagram

```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. 注脚的解释 ↩︎