目录

一、标题 ctrl/⌘+序号（0.5min）

1.基础语法

2.带目录的标题

二、文本编辑（2min）

1.斜体 Ctrl /⌘+I

2.粗体 Ctrl /⌘+B

3.标记

4.引用 Ctrl/⌘+Shift+Q

5.删除 Alt+Shift+5

6.上标

7.下标

三、列表（2min）

1.有序列表 Ctrl/⌘+Shift+[

2.无序列表 Ctrl/⌘+Shift+]

3.相关操作快捷键

4.任务列表

四、图片引用 （3min）

1.基础语法

2.引用图片尺寸

3.图片居中引用

4.图片右对齐引用

五、链接引用 Ctrl/⌘+K（0.5min）

​编辑

六、代码块 Ctrl/⌘+Shift+K（0.5min）

七、注释与注脚（0.5min）

1.注释

2.注脚

八、表格（1min）

1.基础表格

2.设置左右居中对齐表格

九、Latex公式

十、各种图总结

一、标题 ctrl/⌘+序号（0.5min）

1.基础语法

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

效果展示

2.带目录的标题

可以在标题前加“@TOC”生成标题目录

效果展示

二、文本编辑（2min）

1.斜体 Ctrl /⌘+I

*斜体*  或者  _斜体_

2.粗体 Ctrl /⌘+B

**加粗** 或者 __加粗__

3.标记

==标记==

4.引用 Ctrl/⌘+Shift+Q

> 引用

5.删除 Alt+Shift+5

~~删除~~

6.上标

10^-5^

7.下标

A~xy~

效果展示

三、列表（2min）

1.有序列表 Ctrl/⌘+Shift+[

1. 有序列表项1
2. 有序列表项2
3. 有序列表项3

注意：这里是“序号.”+“空格”+“内容”

2.无序列表 Ctrl/⌘+Shift+]

- 无序列表项
  * 无序列表项
   + 无序列表项

注意：这里- * + 没有特殊要求，在生成无序列表中是等价的，看个人喜好即可。

3.相关操作快捷键

增加缩进：Ctrl/⌘+]

减少缩进：Ctrl/⌘+[

4.任务列表

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

效果展示

四、图片引用 （3min）

1.基础语法

![图片名称](图片相对/绝对/网络引用地址)

2.引用图片尺寸

![图片名称](图片相对/绝对/网络引用地址 =图片高度x图片宽度)

也可以只限制一项，而另一项省略。

3.图片居中引用

![图片名称](图片相对/绝对/网络引用地址#pic_center)

4.图片右对齐引用

![图片名称](图片相对/绝对/网络引用地址#pic_right)

同样也可以调整尺寸，方法同上

五、链接引用 Ctrl/⌘+K（0.5min）

[MyBlog](https://timerring.blog.csdn.net/)

效果展示

#

六、代码块 Ctrl/⌘+Shift+K（0.5min）

```javascript
// 上面也可以换为其他语言名称，生成对应语言的code高亮
var foo = 'bar';

效果展示
![](https://img-blog.csdnimg.cn/063eaea118cd4956b0058674739cbadf.png)
#  七、注释与注脚（0.5min）
## 1.注释

欢迎关注timerring的 博客。

*[博客]: https://timerring.blog.csdn.net/

注意需要注释的词要与前面文本之间用“空格”隔开。
效果展示
![](https://img-blog.csdnimg.cn/c2c83a4046744ff4ad185e34890f1bbf.png)
##  2.注脚

这里是注脚1。^1

效果展示
![](https://img-blog.csdnimg.cn/a844e25edfc9474c93ee7f356e889215.png)
#  八、表格（1min）
## 1.基础表格

注意：这里的“-”长度任意，但是一列的分割线不能少于2个“-”
## 2.设置左右居中对齐表格

效果展示
![](https://img-blog.csdnimg.cn/a337c144e716454fb5b8c007e7b1fd42.png)
# 九、Latex公式
具体参考：<a href="https://katex.org/" title="KaTeX – The fastest math typesetting library for the web">KaTeX – The fastest math typesetting library for the web</a> 
# 十、各种图总结
鉴于md绘制各种图不是非常常用，这里放置参考链接，可以进行系统学习。
1.UML图

mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.https://mermaid-js.github.io/mermaid/#/sequenceDiagram

2.甘特图
<a class="has-card" href="https://mermaid-js.github.io/mermaid/#/gantt" title="mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams,     gantt charts and git graphs.">mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
![](https://csdnimg.cn/release/blog_editor_html/release2.1.7/ckeditor/plugins/CsdnLink/icons/icon-default.png)https://mermaid-js.github.io/mermaid/#/gantt</a>
3.Mermaid流程图
<a class="has-card" href="https://mermaid-js.github.io/mermaid/#/flowchart?id=graph" title="mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams,     gantt charts and git graphs.">mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.
![](https://csdnimg.cn/release/blog_editor_html/release2.1.7/ckeditor/plugins/CsdnLink/icons/icon-default.png)https://mermaid-js.github.io/mermaid/#/flowchart?id=graph</a>
4.Flowchart流程图

flowchart.jshttp://flowchart.js.org/

5.classDiagram类图

mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.https://mermaid-js.github.io/mermaid/#/classDiagram
```

至此已经基本学完所有markdown语法了，恭喜！

原文地址：https://blog.csdn.net/m0_52316372/article/details/125724052?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168906542916800213021592%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168906542916800213021592&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-11-125724052-null-null.142^v88^control_2,239^v2^insert_chatgpt&utm_term=markdown