Zephon Blog
0%

Markdown使用教程

发表于 更新于 分类于
本文字数： 2.4k 阅读时长 ≈ 2 分钟

Markdown使用教程

Markdown可以理解成就是一种可以直接用偏代码的方式来控制文档格式的工具

标题

1
2
3
4
# 一级标题
## 二级标题
### 三级标题
...

效果如下：

一级标题

二级标题

三级标题

...

引用块

1
> 这将被高亮显示

效果如下：

这将被高亮显示

插入链接或图片

1
2
[点击跳转至百度](http://www.baidu.com)
![图片](https://www.waibao123.com/Uploads/photo/2014-07-07/3962ccd4e8c7dc108ed2ec2d9ed31660_big.jpg)

效果如下:

点击跳转至百度

图片
图片

列表

有序列表

  • 有序列表使用序号+"."+空格表示
1
2
3
1. 项目1
2. 项目2
3. 项目3

效果如下：

  1. 项目1
  2. 项目2
  3. 项目3

  4. 无序列表

  • 无序列表使用"*"或"-"或"+"表示
  • 如果存在子序，则需要在前面加上tab键或4个空格
1
2
3
4
5
6
7
8
9
10
11
* 单项
    * 子项
* 单项

+ 单项
	+ 单项
+ 单项

- 单项
- 单项
- 单项

效果如下：

  • 单项

    • 子项

  • 单项

  • 单项

    • 单项

  • 单项

  • 单项

  • 单项

  • 单项

待办事项

1
2
3
4
- [ ] 项目准备
    - [x] 确定需求
	- [ ] 确定预算
- [ ] 项目开发

效果如下：

  • 项目准备
    • 确定需求
    • 确定预算
  • 项目开发

分隔线

分隔线使用***或---

1
2
***
---

效果如下：

强调

加粗

1
2
**这里是加粗**
__这里是加粗__

效果如下： 这里是加粗

这里是加粗

斜体

1
2
*这里是斜体*
_这里是斜体_

效果如下：

这里是斜体

这里是斜体 ### 高亮

1
这是一个部分==高亮==

效果如下：

这是一个部分==高亮==

效果如下：

删除线

对应符号是"~"，即键盘中数字1键左边、Esc键下面的那个"~"键，需要Shift+对应按键

1
~~要删除的内容~~

效果如下：

要删除的内容

代码块

行内代码

对应符号是"`"，即键盘中数字1键左边、Esc键下面的那个"~"键

1
代码：`int a = 2;`

效果如下：

代码：int a = 2;

行间代码块

对应符号是"`"，即键盘中数字1键左边、Esc键下面的那个"~"键

1
2
3
4
5
6
7
```C
void main(){
	int a = 0;
	int b = 3;
	int c = a + b;
}
`` `

效果如下：

1
2
3
4
5
void main(){
	int a = 0;
	int b = 3;
	int c = a + b;
}

表格

1
2
3
表头|条目一|条目二
:---:|:---:|:---:
项目|项目一|项目二

效果如下：

表头 条目一 条目二
项目 项目一 项目二

公式

  • markdown公式语法与latex基本一致，只是需要使用$$包围着

行内公式

1
2
这是行内公式$a=\alpha x + \beta$，这种语法本编辑器不支持，部分编辑器支持
因此，本编辑器需要使用的方法是：$$a=\alpha x + \beta$$

这是行内公式\(a=\alpha x + \beta\)，这种语法本编辑器不支持，部分编辑器支持 因此，本编辑器需要使用的方法是：\[a=\alpha x + \beta\]

行间公式

与行内的区别是在$$之前需要有一个空行

1
2
3
4

$$
a=\alpha x + \beta
$$

效果如下：

\[ a=\alpha x + \beta \]

使用一些HTML的内容

如给文字自定义颜色：

1
<font color="red">红色文本</font>

效果如下：

红色文本

如给文字自定义字体：

1
<font face="黑体">我是黑体字</font>

效果如下：

我是黑体字

扩展

流程图

1
2
3
4
5
6
7
8
9
10
```flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op
`` `

效果如下：

1
2
3
4
5
6
7
8
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op

序列图

1
2
3
4
5
```seq
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!
`` `

效果如下：

1
2
3
Alice->Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob-->Alice: I am good thanks!

甘特图

本编辑器不支持

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
```gantt
    title 项目开发流程
    section 项目确定
        需求分析       :a1, 2016-06-22, 3d
        可行性报告     :after a1, 5d
        概念验证       : 5d
    section 项目实施
        概要设计      :2016-07-05  , 5d
        详细设计      :2016-07-08, 10d
        编码          :2016-07-15, 10d
        测试          :2016-07-22, 5d
    section 发布验收
        发布: 2d
        验收: 3d
`` `

效果如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
title 项目开发流程
section 项目确定
    需求分析       :a1, 2016-06-22, 3d
    可行性报告     :after a1, 5d
    概念验证       : 5d
section 项目实施
    概要设计      :2016-07-05  , 5d
    详细设计      :2016-07-08, 10d
    编码          :2016-07-15, 10d
    测试          :2016-07-22, 5d
section 发布验收
    发布: 2d
    验收: 3d

思维导图

1
2
3
4
5
6
7
8
9
10
# markdown

## 标题

## 序列

### 有序序列

### 无序序列

效果如下：

1
2
3
4
5
6
7
8
9
# markdown

## 标题

## 序列

### 有序序列

### 无序序列

更多