Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面,Markdown文件的后缀名便是“.md”
一.Markdown的标题演示
# 标题H1
## 标题H2
### 标题H3
#### 标题H4
##### 标题H5
###### 标题H5
显示效果:
二.字体,删除线和分割线
2.1 分割线
可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西,如:---- 或 ****
显示效果:
2.2 删除线
~~删除线~~
显示效果:
2.3 字体效果
*斜体字* _斜体字_
**粗体** __粗体__
***粗斜体*** ___粗斜体___
显示效果:
2.4 上标和下标
下标:X<sub>2</sub>
上标:X<sup>2</sup>
显示效果:
三. 添加链接
使用方法:[链接名称](链接地址)
例:[普通链接](https://www.mdeditor.com/)
直接链接:<链接地址>
例:<https://www.mdeditor.com>
显示效果:
四. 添加代码
4.1 行内代码
段落上的一个函数或片段的代码可以用反引号把它包起来,如下:
执行命令:`pip install tensorflow-gpu`
显示效果:
4.2 代码区块
代码区块使用 4 个空格或者一个制表符(Tab 键)。
<?php
echo "Hello world!";
?>
显示效果:
可以用 (``` )包裹一段代码,并指定一种语言(也可以不指定):
```java
public static void main(String[] arg) {
int[] array = {12,24,11,14,19,13,12,11,19,12,10,22,12,56,232,43};
quickSort(array, 0, array.length-1);
for(int val:array) {
System.out.print(val+"->");
}
}
```
显示效果:
五. 添加图片
使用方法:
* 开头一个感叹号 !
* 接着一个方括号,里面放上图片的替代文字
* 接着一个普通括号,里面放上图片的网址。
![RUNOOB 图标](http://static.runoob.com/images/runoob-logo.png)
显示效果:
六. 列表
6.1 无序列表使用(减号)、(星号)或(加号)加空格:
- 列表一
* 列表二
+ 列表三
显示效果:
6.2 无序列表嵌套:
+ 列表一
+ 列表二
+ 列表二-1
+ 列表二-2
+ 列表二-3
+ 列表三
* 列表一
* 列表二
* 列表三
显示效果:
6.3 有序列表
1. 第一行
2. 第二行
3. 第三行
显示效果:
6.4 GFM task list
- [x] GFM task list 1
- [x] GFM task list 2
- [ ] GFM task list 3
- [ ] GFM task list 3-1
- [ ] GFM task list 3-2
- [ ] GFM task list 3-3
- [ ] GFM task list 4
- [ ] GFM task list 4-1
- [ ] GFM task list 4-2
显示效果:
七. 绘制表格
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
语法格式如下:
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
例:
| 类别 | 单价 | 数量 |
| -------- | -----: | :----: |
| 计算机 | $1600 | 5 |
| 手机 | $12 | 12 |
| 管线 | $1 | 234 |
First Header | Second Header
------------- | -------------
Content Cell | Content Cell
Content Cell | Content Cell
| First Header | Second Header |
| ------------- | ------------- |
| Content Cell | Content Cell |
| Content Cell | Content Cell |
| Function name | Description |
| ------------- | ------------------------------ |
| `help()` | Display the help window. |
| `destroy()` | **Destroy your computer!** |
显示效果:
对齐方式
我们可以设置表格的对齐方式:
-: 设置内容和标题栏居右对齐。
:- 设置内容和标题栏居左对齐。
:-: 设置内容和标题栏居中对齐。
例:
| Left-Aligned | Center Aligned | Right Aligned |
| :------------ |:---------------:| -----:|
| col 3 is | some wordy text | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
| Item | Value |
| --------- | -----:|
| Computer | $1600 |
| Phone | $12 |
| Pipe | $1 |
显示效果:
八. 科学公式
显示效果:
九.绘制流程图
```flow
st=>start: 用户登陆
op=>operation: 登陆操作
cond=>condition: 登陆成功 Yes or No?
e=>end: 进入后台
st->op->cond
cond(yes)->e
cond(no)->op
```
显示效果:
十. 绘制序列图
```seq
Andrew->China: Says Hello
Note right of China: China thinks\nabout it
China-->Andrew: How are you?
Andrew->>China: I am good thanks!
```
显示效果:
End...............................................