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