MarkDown学习总结

MarkDown是什么

纯文本标记语言，通过简单的标记语法，使普通文本内容具有一定的格式

为什么要用MarkDown

体积小，类似TXT文件
创建容易，使用简单
比普通TXT文本美观
方便记录，各种代码引用、图片引用，比TXT方便，比Word小

怎么用MarkDown

下载编辑器

https://zhuanlan.zhihu.com/p/69210764

MarkdownPad（http://markdownpad.com/）
BookPad（https://www.microsoft.com/zh-cn/p/bookpad/9n6p5zh2sjsx?rtc=1&activetab=pivot:overviewtab）
小书匠（http://soft.xiaoshujiang.com/）
Typora（https://typora.io/）
Visual Studio Code（https://code.visualstudio.com/）
Marxico（https://marxi.co/）
Sublime Text 3（https://www.sublimetext.com/3）
Mou（http://25.io/mou/）
Atom（https://atom.io/）
Smark（https://github.com/elerao/Smark）
Haroopad（http://pad.haroopress.com/）

文件创建

创建TXT文件，将后缀名改为md即可

MarkDown语法

标题

加文本 #的个数代表标题的级数

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

字体

斜体

文本左右用一个*包起来
```
*斜体*
```
斜体
加粗

文本左右用两个*包起来
```
**加粗**
```
加粗
斜体加粗
```
***斜体加粗***
```
斜体加粗

文本左右用三个*包起来
删除线

文本左右用两个~包起来
```
~~删除线~~
```
~~删除线~~

引用

引用文本前面加>，可以嵌套

>引用文本

引用文本

分割线

三个以上的-或者*

---
***

图片

可以直接粘贴图片

![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字，相当于对图片内容的解释。
图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加

超链接

[超链接名](超链接地址 "超链接title")
title可加可不加

百度

列表

有序列表

数字加.

1. 有序列表

有序列表一
有序列表二
有序列表三

无序列表

-+*

- 无序列表
+ 无序列表
* 无序列表

无序列表一
无线列表二
无需列表三

待办列表

[ ]待办
[ x ]完成

列表嵌套

上一级和下一级之间三个空格

表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行，为了对齐，多加了几个
文字默认居左
-两边加：表示文字居中
-右边加：表示文字居右
注：原生的语法两边都要用 | 包起来。此处省略

编号	姓名	备注
001	张三	AAA
002	李四	BBB
003	王五	CCC

代码

单行代码

代码之间用`包起来

代码1
多行代码

代码之间用三个`包起来

三个`加代码语言
```
```json
```java
```

流程图

```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

时序图

```graph
sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational thoughts 
prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
```

甘特图

```graph
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section A section
        Completed task            :done,    des1, 2014-01-06,2014-01-08
        Active task               :active,  des2, 2014-01-09, 3d
        Future task               :         des3, after des2, 5d
        Future task2               :         des4, after des3, 5d
        section Critical tasks
        Completed task in the critical line :crit, done, 2014-01-06,24h
        Implement parser and jison          :crit, done, after des1, 2d
        Create tests for parser             :crit, active, 3d
        Future task in critical line        :crit, 5d
        Create tests for renderer           :2d
        Add to mermaid                      :1d
```