This is just a test... Do not click.
# I really love it.
# but how to display last updated date ?
# 提示
::: tip
这是一个提示
:::
1
2
3
2
3
TIP
这是一个提示
# 警告
::: warning
这是一个警告
:::
1
2
3
2
3
WARNING
这是一个警告
# 危险
::: danger
这是一个危险警告
:::
1
2
3
2
3
WARNING
这是一个危险警告
# 点击展开
::: details 点击查看代码
console.log('ops!')
:::
1
2
3
4
5
2
3
4
5
点击查看代码
console.log('hi!')
1
# 表格
| Tables | Are | Cool |
| ------------- |:-------------:| -----:|
| col 3 is | right-aligned | $1600 |
| col 2 is | centered | $12 |
| zebra stripes | are neat | $1 |
1
2
3
4
5
2
3
4
5
Tables | Are | Cool |
---|---|---|
col 3 is | right-aligned | $1600 |
col 2 is | centered | $12 |
zebra stripes | are neat | $1 |
# 代码块的语法高亮和行高亮
``` js{1,4,6-7}
export default { // Highlighted
data () {
return {
msg: `Highlighted!
This line isn't highlighted,
but this and the next 2 are.`,
motd: 'VuePress is awesome',
lorem: 'ipsum',
}
}
}
```
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
export default { // Highlighted
data () {
return {
msg: `Highlighted!
This line isn't highlighted,
but this and the next 2 are.`,
motd: 'VuePress is awesome',
lorem: 'ipsum',
}
}
}
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 任务列表
- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
1
2
3
2
3
- Write the press release
- Update the website
- Contact the media
# 表情
:cat:
1
🐱
更多 Emoji 详见 列表 (opens new window)
# 块引用
> The quarterly results look great!
>
> - Revenue was off the chart.
> - Profits were higher than ever.
>
>> *Everything* is going according to **plan**.
1
2
3
4
5
6
2
3
4
5
6
The quarterly results look great!
- Revenue was off the chart.
- Profits were higher than ever.
Everything is going according to plan.
# 分割线
<hr>
1
# 列表
1. one
2. two
3. three
4. four
1
2
3
4
2
3
4
- one
- two
- three
- four
* one
* two
* three
- one
- two
- three
1
2
3
4
5
6
2
3
4
5
6
- one
- two
- three
- one
- two
- three