1. 标题
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2. 列表
- Red
- Green
- Blue
- Red
- Green
- Blue
* 文本1
* 文本2
* 文本3
- 文本1
- 文本2
- 文本3
1. 文本1
2. 文本2
3. 文本3
3. Bird
1. McHale
8. Parish
// 有序数列会自动排序的
- 文本1
- 文本2
- 文本3
- Bird
- McHale
- Parish
以下两种写法markdown右边都会自动对齐
* 文本1
文本1
文本3
- 文本1
文本1
文本3
* 文本1
文本1
文本3
>如果用了其他的符号,就要手动缩进才能对齐
- 文本1
文本1
文本3如果用了其他的符号,就要手动缩进才能对齐
注:符号和文本之间要留空格,最多不超过4个
3. 区块代码
要在 Markdown 中建立代码区块很简单,只要简单地缩进 4 个空格
这是一个普通段落:
这是一个代码区块。
输出:
这是一个普通段落:
这是一个代码区块。
这个每行一阶的缩进(4 个空格或是 1 个制表符),都会被移除,例如:
tell application "Foo"
beep
end tell
输出:
tell application "Foo"
beep
end tell
4. 插入链接和图片
[简书](http://www.jianshu.com)
![爱犬](https://upload-images.jianshu.io/upload_images/4669711-42d43c61b5b55258.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
[id]: https://upload-images.jianshu.io/upload_images/4669711-42d43c61b5b55258.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "Optional title attribute"
![爱犬][id]
![爱犬][id]
自定义变量,三种定义方式
[foo]: http://example.com/ "Optional Title Here"
[foo]: http://example.com/ 'Optional Title Here'
[foo]: http://example.com/ (Optional Title Here)
[id]: http://example.com/ "Optional Title Here"
This is [an example][id] reference-style link.
This is an example reference-style link.
5. 引用
可以嵌套
> 一盏灯, 一片昏黄; 一简书, 一杯淡茶。守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。
> 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。
> > This is nested blockquote.
一盏灯, 一片昏黄; 一简书, 一杯淡茶。守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。
守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。This is nested blockquote.
6. 粗体和斜体
*斜体*
**粗体**
++下划线++
~~删除线~~
==Math()==
斜体
粗体
++下划线++
删除线
==文本高亮==
7. 代码引用
如果引用的语句只有一段,不分行,可以用` 将语句包起来。
如果引用的语句为多行,可以将```置于这段代码的首行和末行。
Use the printf()
function.
如果要在代码区段内插入反引号,你可以用多个反引号来开启和结束代码区段:
There is a literal backtick (`) here.
window.localStorage.removeItem('accessToken');
window.localStorage.removeItem('refreshToken');
window.localStorage.removeItem('username');
- 可以指定代码高亮方式:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div id="root"></div>
</body>
</html>
8. 分割线
*或者-只要不少于3个就可以
* * *
***
*****
- - -
---------------
9. 表格
文字靠左,居中,和靠右
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
文字默认靠左
dog | bird | cat
----|------|----
foo | foo | foo
bar | bar | bar
baz | baz | baz
dog | bird | cat |
---|---|---|
foo | foo | foo |
bar | bar | bar |
baz | baz | baz |
10. 反斜杠转义
Markdown 支持以下这些符号前面加上反斜杠来帮助插入普通的符号:
\ 反斜线
` 反引号
* 星号
_ 底线
{} 花括号
[] 方括号
() 括弧
# 井字号
+ 加号
- 减号
. 英文句点
! 惊叹号
11. 自动链接
<http://example.com/>
<address@example.com>
http://example.com/
address@example.com
12. 记事列表
- [x] 订单列表 -- 完成
- [x] 订单详情 -- 完成
- [x] 上传头像 -- 完成
- [ ] 付款 -- 未完成
- [x] 订单列表 -- 完成
- [x] 订单详情 -- 完成
- [x] 上传头像 -- 完成
- [ ] 付款 -- 未完成
13.文本
- 文本居中
$${\text{测试}}$$
$${\text{TEST:center}}$$
${\text{TEST:left}}$
- 文本大小
$${\tiny\text{测试}}$$
$${\small\text{TEST}}$$
$${\large\text{TEST}}$$
$${\huge\text{TEST}}$$
- 文本颜色
$${\color{red}{\text{测试}}}$$
$${\color{green}{\text{TEST:green}}}$$
$${\color{blue}{\text{TEST:blue}}}$$
$${\color{#3f48cc}{\text{TEST:#3f48cc}}}$$
- 文本样式
$${\text{测试}}$$
$${\mathbb{TEST}}$$
$${\pmb{TEST}}$$
$${\mathscr{TEST}}$$
$${\mathfrak{TEST}}$$
14.脚注锚点
//标题
Hello程序[^hello]
正文标题[^xr1]
//内容
[^hello]:即:Hello, world 程序xr1
[^xr1]:即:Hello, world 程序