文章目录

0 文章目录名

1 标题

2 字体设置

3 文本设置

4 按键展示

5 功能快捷键

6 生成适合的列表

7 插入链接与图片

8 插入代码段

9 创建表格

9.1 创建简单表格

9.2 设定内容居中、居左、居右

10 UML 图表

10.1 序列图：

10.2 普通流程图:

10.3 FLowchart流程图

10.4 甘特图

11 KaTeX数学公式

0 文章目录名

  @[TOC](文章目录名)

1 标题

一级标题:行首# 标题名称

二级标题:行首## 标题名称

三级标题:行首### 标题名称

最高支持6级标题.

2 字体设置

字体加粗: **加粗字体**

字体下标:~字体下标~

字体上标:^上标字体^

字体大小、颜色、字号:<font color="green" size=7 face="黑体">文本内容</font>

3 文本设置

文本强调:*强调文本*

标记文本:==标记文本==

删除文本:~~删除文本~~

引用文本:>引用文本

空格缩进：&emsp;

注释文本：*[文本内容]:注释内容

4 按键展示

  <kbd>按键名</kbd>

5 功能快捷键

撤销：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

6 生成适合的列表

项目：- 项目

项目：- 项目

项目：- 项目

项目1：1. 项目1

项目2：2. 项目2

项目3：3. 项目3

 计划任务：- [ ] 计划任务

 完成任务：- [x] 完成任务

7 插入链接与图片

链接：[链接替换名](url)

注脚：[^数字]

   [^数字]: 注脚的解释

图片：<img src="https://img-blog.csdn.net/20181024223739122?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L25ld19kZWxldGVf/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70" alt=""/>

图片大小调整：<img src="....." width="数字" height="数字" alt=""/>

图片位置居中：<center><img ...../></center>（文字居中也适用）

8 插入代码段

// An highlighted block

var foo = 'bar';

1

2

在markdown编辑器中输入：

1 ```javascript

2 // An highlighted block

3 var foo = 'bar';

4 ```

1

2

3

4

9 创建表格

9.1 创建简单表格

项目 Value

电脑 $1600

手机 $12

导管 $1

在markdown编辑器中输入：

项目  | Value

----- | -----

电脑  | $1600

手机  | $12

导管  | $1

1

2

3

4

5

9.2 设定内容居中、居左、居右

居中：:---------:

居左：:---------

居右：---------:

第一列 第二列 第三列

居中 居左 居右

10 UML 图表

10.1 序列图：

张三

李四

王五

你好！李四, 最近怎么样?

你最近怎么样，王五？

我很好，谢谢!

我很好，谢谢!

李四想了很长时间,文字太长了不适合放在一行.

打量着王五...

很好... 王五, 你怎么样?

张三

李四

王五

在markdown编辑器中输入：

1 ```mermaid

2 sequenceDiagram

3 张三 ->> 李四: 你好！李四, 最近怎么样?

4 李四-->>王五: 你最近怎么样，王五？

5 李四--x 张三: 我很好，谢谢!

6 李四-x 王五: 我很好，谢谢!

7 Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.

8 

9 李四-->>张三: 打量着王五...

10 张三->>王五: 很好... 王五, 你怎么样?

11 ```

1

2

3

4

5

6

7

8

9

10

11

10.2 普通流程图:

链接

长方形

圆

圆角长方形

菱形

在markdown编辑器中输入：

1 ```mermaid

2 graph LR

3 A[长方形] -- 链接 --> B((圆))

4 A --> C(圆角长方形)

5 B --> D{菱形}

6 C --> D

7 ```

1

2

3

4

5

6

7

关于 Mermaid 语法，参考 这儿.

10.3 FLowchart流程图

开始

我的操作

确认？

结束

yes

no

在markdown编辑器中输入：

1 ```mermaid

2 flowchat

3 st=>start: 开始

4 e=>end: 结束

5 op=>operation: 我的操作

6 cond=>condition: 确认？

7 

8 st->op->cond

9 cond(yes)->e

10 cond(no)->op

11```

1

2

3

4

5

6

7

8

9

10

11

关于 Flowchart流程图 语法，参考 这儿.

10.4 甘特图

Mon 06

Mon 13

Mon 20

已完成

进行中

计划一

计划二

现有任务

Adding GANTT diagram functionality to mermaid

在markdown编辑器中输入：

1 ```mermaid

2 gantt

3         dateFormat  YYYY-MM-DD

4         title Adding GANTT diagram functionality to mermaid

5         section 现有任务

6         已完成               :done,    des1, 2014-01-06,2014-01-08

7         进行中               :active,  des2, 2014-01-09, 3d

8         计划一               :         des3, after des2, 5d

9         计划二               :         des4, after des3, 5d

10 ```

1

2

3

4

5

6

7

8

9

10

关于 甘特图 语法，参考 这儿.

11 KaTeX数学公式

可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ(n)=(n−1)!∀n∈N \Gamma(n) = (n-1)!\quad\foralln\in\mathbb NΓ(n)=(n−1)!∀n∈N 是通过欧拉积分

Unexpected text node: '&ThinSpace;'Unexpected text node: '&ThinSpace;'

Γ(z)=∫ 

0

∞

 t 

z−1

 e 

−t

 dt.

上面两个数学公式分别是$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$、$$ \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. $$

--------------------- 

作者：new_delete_ 

来源：CSDN 

原文：https://blog.csdn.net/new_delete_/article/details/83386624 

版权声明：本文为博主原创文章，转载请附上博文链接！