前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >markdown语法手册附快捷键(10min掌握)

markdown语法手册附快捷键(10min掌握)

作者头像
timerring
发布2022-07-20 14:52:31
2.1K0
发布2022-07-20 14:52:31
举报
文章被收录于专栏:TechBlogTechBlog

目录

一、标题  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
复制
![图片名称](图片相对/绝对/网络引用地址 =图片高度x图片宽度)

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

3.图片居中引用

代码语言:javascript
复制
![图片名称](图片相对/绝对/网络引用地址#pic_center)

 4.图片右对齐引用

代码语言:javascript
复制
![图片名称](图片相对/绝对/网络引用地址#pic_right)

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

 五、链接引用  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/#/sequenceDiagram

2.甘特图

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语法了,恭喜!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-07-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、标题  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公式
                                        • 十、各种图总结
                                        领券
                                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档