1、快捷键
Markdown | 快捷键 |
---|---|
撤销 | Ctrl +Z |
重做 | Ctrl+Y |
加粗 | Ctrl +B |
斜体 | Ctrl +I |
标题 | Ctrl +Shift +H |
有序列表 | Ctrl +Shift +O |
无序列表 | Ctrl +Shift +U |
待办列表 | Ctrl +Shift +C |
插入代码 | Ctrl +Shift +K |
插入链接 | Ctrl +Shift +L |
插入图片 | Ctrl +Shift +G |
查找 | Ctrl +F |
替换 | Ctrl +G |
2、目录
# 一级目录
## 二级目录
### 三级目录
一级目录
二级目录
三级目录
注意 # 之后添加一个空格
3、标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
4、文本样式
斜体字: *强调文本* _强调文本_
加粗字: **加粗文本** __加粗文本__
==标记文本==
~~删除文本~~
> 引用文本
H~2~O is是液体。
2^10^ 运算结果是 1024。
斜体字: 强调文本 强调文本
加粗字: 加粗文本 加粗文本
==标记文本==
删除文本
引用文本
H2O is是液体。
210 运算结果是 1024。
5、列表
无序列表 加上Tab可嵌套列表
- 项目
* 项目
+ 项目
有序列表
1. 项目1
2. 项目2
3. 项目3
方框
- [ ] 计划任务
- [x] 完成任务
无序列表 加上Tab可嵌套列表
- 项目
- 项目
- 项目
- 项目
有序列表
- 项目1
- 项目2
- 项目3
方框
- 计划任务
- 完成任务
6、链接
链接: [link](https://www.csdn.net/).
图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
7、代码片
下面展示一些 `内联代码片`。
```
// A code block
var foo = 'bar';
```
```javascript
// An highlighted block
var foo = 'bar';
```
// A code block
var foo = 'bar';
// An highlighted block
var foo = 'bar';
8、表格
|项目 | Value|
|-------- | -----|
|电脑 | $1600|
|手机 | $12|
|导管 | $1|
| Column 1 | Column 2 |
|:--------:| -------------:|
| centered 文本居中 | right-aligned 文本居右 |
项目 | Value |
---|---|
电脑 | $1600 |
手机 | $12 |
导管 | $1 |
Column 1 | Column 2 |
---|---|
centered 文本居中 | right-aligned 文本居右 |
注意:在最后一个竖线后回车运行
9、注脚,注释
1. 注脚
一个具有注脚的文本。[^1]
[^1]: 注脚的解释
一个具有注脚的文本。[1]
2. 注释
Markdown将文本转换为 HTML。
*[HTML]: 超文本标记语言
Markdown将文本转换为 HTML。
*[HTML]: 超文本标记语言
10、LaTeX数学公式
Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过 Euler integral
$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$
11、插入甘特图、UML、流程图
1. 甘特图
```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
```
2. UML图
```mermaid
sequenceDiagram
张三 ->> 李四: 你好!李四, 最近怎么样?
李四-->>王五: 你最近怎么样,王五?
李四--x 张三: 我很好,谢谢!
李四-x 王五: 我很好,谢谢!
Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
李四-->>张三: 打量着王五...
张三->>王五: 很好... 王五, 你怎么样?
```
3. 插入Mermaid流程图
```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D{菱形}
C --> D
```
4. 插入Flowchart流程图
Mermaid 作为一个使用 JS 渲染的库,生成的不是一个“图片”,而是一段 HTML 代码,因此安全许多。
官网:https://mermaidjs.github.io/
Github 项目地址:https://github.com/knsv/mermaid
```mermaid
flowchart
st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认?
st->op->cond
cond(yes)->e
cond(no)->op
```
参考博客:Mermaid实用教程
-
这是一个注脚,本文参考csdn帮助文档 ↩
网友评论