# VuePress markdown 文档常用的特殊用法
# Front Matter
---
title: Blogging Like a Hacker
description: this is a descrption
lang: en-US
meta:
- name: description
content: hello
- name: keywords
content: super duper SEO
---
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# Table
输入
| 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 |
# Emoji
输入
:tada: :100:
1
输出
🎉 💯
# 目录
输入
[[toc]]
1
输出
# 自定义容器
输入
::: tip
这是一个提示
:::
::: warning
这是一个警告
:::
::: danger
这是一个危险警告
:::
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
输出
TIP
这是一个提示
WARNING
这是一个警告
WARNING
这是一个危险警告
也可以自定义标题
输入
::: danger STOP
危险区域，禁止通行
:::
1
2
3
2
3
输出
STOP
危险区域，禁止通行
# 代码高亮
输入
```js
export default {
name: 'MyComponent',
// ...
}
```
1
2
3
4
5
6
2
3
4
5
6
# 代码行高亮
输入
```js {2}
export default {
name: 'MyComponent',
// ...
}
```
1
2
3
4
5
6
2
3
4
5
6
输出
export default {
name: 'MyComponent',
// ...
}
1
2
3
4
2
3
4
# 行号
.vuepress/config.js 中配置lineNumbers即可
module.exports = {
markdown: {
lineNumbers: true
}
}
1
2
3
4
5
2
3
4
5