CSDN中Markdown格式（编辑器）语法及其使用

Markdown格式的文档在很多地方都要用到，CSDN博客中尤甚。该笔记中以CSDN官方Markdown编辑器教程为基础，整理出常用的Markdown语法。

1.标题的设置

前面加#可生成标题的样式，每多一个#标题即降一个等级。（注意#要和标题之间留出一个空格）

# 一级标题

## 二级标题

### 三级标题

2.列表的设置

- 后加内容即可构成列表，且下一级列表要相对上一级列表有缩进，三级列表如图所示。

- 项目

- 项目

  -项目

如果没有缩进则为同级列表，如下。

- 项目

- 项目

-项目

3.改变文本样式（引用、加粗、颜色标记、删除）

引用：> 后加引用文本

加粗：**加粗文本**、__加粗文本__(两边分别两个下划短线)

强调：*加粗文本*、_加粗文本_(两边分别一个下划短线)

颜色标记文本：==标记文本==

删除文本：~~删除文本~~

4.上下标设置

下标：~后加文字：H~2~O is是液体。

上标：^后加文字：2^10^ 运算结果是 1024.

5.段落中文字标记

加框标记：<kbd>#</kbd>

字体颜色标记：使用`TOC`语法

6.插入链接与图片

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

图片: 

带尺寸的图片: 

7.待办事项设置

- [ ] 计划任务

- [x] 完成任务

8.插入代码设置

去[博客设置](https://mp.csdn.net/configure)页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 `代码片`.

```javascript

// An highlighted block

var foo = 'bar';

9.创建表格

项目     | Value

-------- | -----

电脑  | $1600

手机  | $12

导管  | $1

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

使用`:---------:`居中

使用`:----------`居左

使用`----------:`居右

| 第一列       | 第二列         | 第三列        |

|:-----------:| -------------:|:-------------|

| 第一列文本居中 | 第二列文本居右  | 第三列文本居左 |

10.创建脚注和注释

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

[^2]: 注脚的解释

Markdown将文本转换为 HTML。

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

11.创建自定义列表

Authors

:  John

:  Luke

12.数学公式

支持Latex语法的数学公式，更多Latex语法见https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference

13.甘特图功能

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

        计划二               :         des4, after des3, 5d

```

14.UML 图表

详细见https://mermaidjs.github.io/

产生的一个序列图：:

```mermaid

sequenceDiagram

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

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

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

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

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

 

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

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

```

流程图

```mermaid

graph LR

    A[Square Rect] -- Link text --> B((Circle))

    A --> C(Round Rect)

    B --> D{Rhombus}

    C --> D

```

FLowchart流程图

```mermaid

flowchat

st=>start: 开始

e=>end: 结束

op=>operation: 我的操作

cond=>condition: 确认？

 

st->op->cond

cond(yes)->e

cond(no)->op

```

15.快捷键

这里面的功能是目前CSDN博客Markdown编辑器所支持的功能，其他Markdown编辑器所支持的功能可能与此略不相同，需要在明确所用Markdown编辑器支持功能的基础上使用。

 

P.S.之前的CSDN博客账户由于之前更换了绑定手机号，现在换了工作地点再登陆必须要求验证绑定的手机号码，所以无法登陆了。衰......重新注册账户后的首篇内容就献给了这个Markdown使用方法~

 

祝枫

2018年9月27日于深圳