MarkDown学习总结

MarkDown是什么

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

为什么要用MarkDown

1. 体积小，类似TXT文件
2. 创建容易，使用简单
3. 比普通TXT文本美观
4. 方便记录，各种代码引用、图片引用，比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语法

标题

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

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

字体

1. 斜体

   文本左右用一个*包起来

   *斜体*
   

   斜体

2. 加粗

   文本左右用两个*包起来

   **加粗**
   

   加粗

3. 斜体加粗

   ***斜体加粗***
   

   斜体加粗

   文本左右用三个*包起来

4. 删除线

   文本左右用两个~包起来

   ~~删除线~~
   

   删除线

引用

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

>引用文本

引用文本

分割线

三个以上的-或者*

---
***

---

---

---

---

图片

可以直接粘贴图片

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

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

超链接

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

百度

列表

有序列表

数字加.

1. 有序列表

1. 有序列表一
2. 有序列表二
3. 有序列表三

无序列表

-+*

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

• 无序列表一

• 无线列表二

• 无需列表三

待办列表

• [ ]待办
• [ x ]完成

列表嵌套

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

表格

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

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

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

代码

1. 单行代码

   代码之间用`包起来

   代码1

2. 多行代码

   代码之间用三个`包起来

   三个`加代码语言

   ```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
```