Markdown学习笔记

0.标题

在需要定义为标题的文字前加上#再隔一个空格即可,总共支持六级标题。

源码:

1
2
3
4
5
6
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

二级标题

三级标题

四级标题

五级标题
六级标题

1.列表

源码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#### 无序列表
- 列表1
- 列表1.1
- 列表1.2
- 列表1.2.1
- 列表1.2.2
- 列表2
- 列表3

#### 有序列表
1. 列表1
1. 列表1.1
2. 列表1.2
1. 列表1.2.1
2. 列表1.2.2
2. 列表2
3. 列表3

无序列表

  • 列表1
    • 列表1.1
    • 列表1.2
      • 列表1.2.1
      • 列表1.2.2
  • 列表2
  • 列表3

有序列表

  1. 列表1
    1. 列表1.1
    2. 列表1.2
      1. 列表1.2.1
      2. 列表1.2.2
  2. 列表2
  3. 列表3


2.引用

在需要被引用的文字前加上>符号并隔开一个空格即可。

源码:

1
> 首先要实现一个亿的小目标。——小王

首先要实现一个亿的小目标。——小王


3.粗体和斜体

用一个将文本包住即是斜体。
用两个
将文本包住即是粗体。

源码:

1
2
3
*这是斜体*

**这是粗体**

这是斜体

这是粗体


4.链接与图片

链接格式:[显示文本](链接地址)。

图片格式:![显示文本](图片链接地址)。

源码:

1
2
3
[我的博客](kcher.github.io)

![我的头像](https://kcher.github.io/img/Naruto.png)

我的博客

我的头像


5.分割线

另起一行连续输入三个型号即可形成分割线。

源码

1
2
3
牛郎
***
织女

牛郎


织女


6.表格

格式如下,自行领会吧,markdown是兼容html的,一些复杂的表格可以用html来写。

源码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|姓名|年龄|薪水
|-|-|-
|张三|25|9k
|李四|23|8k

<br/>

<table>
<tr>
<td rowspan="4">花名册</td>
<td>姓名</td>
<td>年龄</td>
<td>薪水</td>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>9k</td>
<tr>
<tr>
<td>李四</td>
<td>23</td>
<td>8k</td>
<tr>
</table>
姓名 年龄 薪水
张三 25 9k
李四 23 8k



















花名册 姓名 年龄 薪水
张三 25 9k
李四 23 8k

7.待办和清单

源码如下,注意空格。

1
2
3
4
5
- [x] APP3.1.1
- [x] 商品参与活动查看功能
- [x] 优惠券商品导出功能
- [ ] APP2.2.0
- [ ] 商品导入功能优化

  • APP3.1.1
    • 商品参与活动查看功能
    • 优惠券商品导出功能
  • APP2.2.0
  • 商品导入功能优化

8.流程图

一些基本的图形

源码:

1
2
3
4
5
6
7
8
9
/*加点注释,以免被解析成图形*/
graph LR
A[这是直角四边形]

graph LR
A((这是圆形))

graph LR
A{这是菱形}
1
2
graph LR
A[这是直角四边形]
1
2
graph LR
A((这是圆形))
1
2
graph LR
A{这是菱形}

基本的流程,记住四个单词便很好理解了topbottomleftright。

源码:

1
2
3
4
5
6
7
8
9
10
11
12
/*加点注释*/
graph TB
a-->b

graph BT
a-->b

graph RL
a-->b

graph LR
a-->b
1
2
graph TB
a-->b
1
2
graph BT
a-->b
1
2
graph RL
a-->b
1
2
graph LR
a-->b

去掉箭头

源码:

1
2
3
//这只是注释,别理它
graph LR
a---b
1
2
graph LR
a---b

给箭头加点注释

源码:

1
2
3
//这只是注释,别理它
graph LR
a-->|给箭头加点文字|b
1
2
graph LR
a-->|给箭头加点文字|b

9.甘特图

不解释了,源码贴出来自行领会吧。

源码:

1
2
3
4
5
6
7
8
9
10
//这只是注释,别理它
gantt
dateFormat YYYY-MM-DD
title 产品计划表
section 初期阶段
明确需求: 2016-03-01, 10d
section 中期阶段
跟进开发: 2016-03-11, 15d
section 后期阶段
走查测试: 2016-03-20, 9d
1
2
3
4
5
6
7
8
9
gantt
dateFormat YYYY-MM-DD
title APP3.2.0
section 设计阶段
设计原型: 2017-12-01, 7d
section 开发阶段
开发: 2017-12-07, 15d
section 测试阶段
测试: 2017-12-20, 9d

PO上来之后发现hexo对markdown语法的解析与有道笔记对markdown语法的解析不一致,导致流程图、甘特图无法显示,回头再整理整理吧。