Markdown是一种标记语言，它因为“代码简练、显示精美”而受到很多人的喜爱。在这篇文章你将初步入门Markdown。

标题

在Markdown中总共有6个标题，我们分别把它们称为：一级标题、二级标题、三级标题、四级标题、五级标题和六级标题。其中六级标题最小，一级标题最大。

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

代码格式：# 显示内容

换行

在Markdown之中我们会发现文字无法换行，始终集中在一行之中。这时如果需要换行那么该怎么办呢？

在这里我们可以使用“换行标签”（</br>）。

上段文字
</br>
下段文字

Ps:在一些Markdown编辑器中，如：网易云笔记的Markdown编辑器中空格+换行键(Enter)，也可以实现换行功能。

注释

其实Markdown可以不用注释的，但如果想在Markdown使用注释，其实也是很简单的。代码如下：

[瞎写个]:这里写注释

代码格式：[xx]:注释内容

你只需要在大括号[]内瞎写一些内容，再加上你要写的注释内容即可。

分割线

分割线在我们写文章或笔记的时候是一个不可缺少的内容，它可以清楚的将文章分成不同的层次。在Markdown中分割线代码如下：

看
***
分割线

代码格式：***

引用

在我们想要引用一句话的时候，我们在Markdown中使用如下代码：

>引用话语

代码格式：>引用的内容

文字样式

在Markdown中有：斜体、加粗、高亮、划线。这些文字样式供我们选择，代码如下：

*斜体*
</br>
**加粗**
</br>
==高亮==
</br>
~~划线~~

但如果我们想修改文字大小/颜色/字体，就要用font标签，代码如下：

<font color=#2196F3 size=2 face="宋体">宋体大小为2的字</font>

color代表字体颜色（要用16进制颜色值），size代表文字大小，face代表字体

最后我们来实现“文字居中”就要center标签，代码如下：

<center>居中</center>

Ps：center和font都是html的标签，在markdown也能用

代码高亮

在Markdown中如果我们想要高亮一段代码，可以使用如下代码：

```key
  代码
 ```

代码格式就是上面的，当然key要换成自己需要的编程语言，以下是编程语言对应的key

（来源：互联网）

列表

在Markdown中我们可以绘制列表，代码格式如下：

- 列表1
  - 列表1.1
  - 列表1.2

代办事项

在Markdown中你可以输入你最近的代办事项，代码格式如下：

- [ ] 未完成事项
- [x] 已完成事项

Ps：带x的代表已经完成的事项，空格的为还没有完成的事项

链接以及图片

在Markdown中添加链接和图片有异曲同工之妙，所以我们放在一起来讲，代码如下：

代码格式(链接)：[显示名称](链接)

代码格式(图片)：[名称](图片链接)

表格

在Markdown中我们同样可以绘制表格，代码格式如下：

大标题1|大标题2|大标题3
---|---|---
内容1|内容2|内容3
内容1|内容2|内容3

Ps：第二行中---|---|---是由几个大标题写几个，这里是三个所以写成---|---|---，如果是两个就是---|---，四个就是---|---|---|---

流程图

在Markdown中我们可以用流程图（类似于：树状图），来明确信息之间的关系。

• 流程图基础
  

我们先来看一下简单的流程图代码：

```
graph LR
A-->B
```
```
graph LR
A---B
```
```
graph LR
A[A]---|插入文本|B[B]
X-->|插入文本|Y
```

我们来看一下显示效果

其中大体格式如下：

```
graph xx
yy
```

xx可以是TB/BT/RL/LR，他们代表：从上至下/从下至上/从右至左/从左至右

yy可以是A-->B/A---B，第一个是带箭头的（上图1），第二个是不带箭头的（上图2）

如果我们在A-->B/A---B想像上图3,4一样添加文字怎么办呢？我们可以这么写：A-->|插入文本|B

• 流程图进阶
  

流程图中的图形有：圆形、矩形和菱形。那么使用他们的代码如下：

```
graph TB
A((圆))
```
```
graph TB
A[长方形]
```
```
graph TB
A{菱形}
```

从上图中我们可以看出：圆形(())、长方形[]、菱形{}

至于每个前面的A，大家可以换成自己想写的文字，它最后是不会显示出来的。

• 流程图实战
  

接下来我们来做个简单的流程图，代码如下：

```
graph TB
A[1]-->B[2]
B-->X
B-->|插入文本|Y
B-->Z
```

甘特图

甘特图能够将你最近的计划直观地显示出来，对我们的计划安排很有用。我们来看下代码：

```
gantt
dateFormat YYYY-MM-DD
title 计划
section 计划1
分班考: 2018-07-21, 4d
section 计划2
吉他: 2018-07-23, 10d
section 计划3
电子琴: 2018-07-21, 10d
```

上面是我用甘特图做的最近几天的计划。效果如下：

红线代表现在是时间，从中我们们可以看出我“现在正在做的事情”和“即将完成/结束的事情”。

代码格式如下：

```
gantt
dateFormat YYYY-MM-DD
title 大标题
section 横向计划1
计划详细名称: 日期(如:2018-07-21), 时长(如:4d)
section 横向计划2
吉他: 日期(2018-07-23), 时长(10d)
```

我在这说明一个注意点：

dateFormat YYYY-MM-DD  说明日期的格式是：年-月-日，我们在写日期的时候也必须按照这些规矩，必须写成如：2018-07-24这样，不能写成2018年07月24日/2018-7-24。

至此，全篇结束。（终于写完了！！！）