目录
一、标题 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.基础语法代码语言:javascript复制# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题效果展示
2.带目录的标题可以在标题前加“@[TOC](目录标题名称)”生成标题目录
效果展示
二、文本编辑(2min)1.斜体 Ctrl /⌘+I代码语言:javascript复制*斜体* 或者 _斜体_ 2.粗体 Ctrl /⌘+B代码语言:javascript复制**加粗** 或者 __加粗__ 3.标记代码语言:javascript复制==标记== 4.引用 Ctrl/⌘+Shift+Q代码语言:javascript复制> 引用5.删除 Alt+Shift+5代码语言:javascript复制~~删除~~6.上标代码语言:javascript复制10^-5^ 7.下标代码语言:javascript复制A~xy~效果展示
三、列表(2min)1.有序列表 Ctrl/⌘+Shift+[代码语言:javascript复制1. 有序列表项1
2. 有序列表项2
3. 有序列表项3注意:这里是“序号.”+“空格”+“内容”
2.无序列表 Ctrl/⌘+Shift+]代码语言:javascript复制- 无序列表项
* 无序列表项
+ 无序列表项注意:这里- * + 没有特殊要求,在生成无序列表中是等价的,看个人喜好即可。
3.相关操作快捷键 增加缩进:Ctrl/⌘+]
减少缩进:Ctrl/⌘+[
4.任务列表代码语言:javascript复制- [ ] 计划任务
- [x] 完成任务效果展示
四、图片引用 (3min)1.基础语法代码语言:javascript复制2.引用图片尺寸代码语言:javascript复制也可以只限制一项,而另一项省略。
3.图片居中引用代码语言:javascript复制 4.图片右对齐引用代码语言:javascript复制同样也可以调整尺寸,方法同上
五、链接引用 Ctrl/⌘+K(0.5min)代码语言:javascript复制[MyBlog](https://timerring.blog.csdn.net/)效果展示
六、代码块 Ctrl/⌘+Shift+K(0.5min)代码语言:javascript复制```javascript
// 上面也可以换为其他语言名称,生成对应语言的code高亮
var foo = 'bar';
```效果展示
七、注释与注脚(0.5min)1.注释代码语言:javascript复制欢迎关注timerring的 博客。
*[博客]: https://timerring.blog.csdn.net/注意需要注释的词要与前面文本之间用“空格”隔开。
效果展示
2.注脚代码语言:javascript复制这里是注脚1。[^1]
[^1]: 注脚1的对应解释效果展示
八、表格(1min)1.基础表格代码语言:javascript复制列表头 | 下面是表头分割线
-------- | -----
项目1 | 项目1
项目2 | 项目2
项目3 |项目3注意:这里的“-”长度任意,但是一列的分割线不能少于2个“-”
2.设置左右居中对齐表格代码语言:javascript复制| 下面是表头分割线 | 其中“:” 代表向哪对齐 |
|:--------:|------------:|
| “:---:”表示居中对齐 | “---:”表示右侧对齐 |效果展示
九、Latex公式具体参考:KaTeX – The fastest math typesetting library for the web
十、各种图总结鉴于md绘制各种图不是非常常用,这里放置参考链接,可以进行系统学习。
1.UML图
代码语言:javascript复制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/#/sequenceDiagram2.甘特图
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/#/gantt
3.Mermaid流程图
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/#/flowchart?id=graph
4.Flowchart流程图
代码语言:javascript复制flowchart.jshttp://flowchart.js.org/5.classDiagram类图
代码语言:javascript复制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语法了,恭喜!