文档仅用于主题展示,最新Vuepress使用文档请前往官方站点
Markdown
自定义容器
使用:
::: <type> [title] [content] :::
1
2
3type
是必需的,title
和content
是可选的。支持的
type
有:tip
warning
danger
details
- CodeGroup 和 CodeGroupItem 的别名:
code-group
code-group-item
示例 1 (默认标题):
输入
::: tip
这是一个提示
:::
::: warning
这是一个警告
:::
::: danger
这是一个危险警告
:::
::: details
这是一个 details 标签
:::
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
输出
提示
这是一个提示
注意
这是一个警告
警告
这是一个危险警告
这是一个 details 标签
- 示例 2 (自定义标题):
输入
::: danger STOP
危险区域,禁止通行
:::
::: details 点击查看代码
```js
console.log('你好,VuePress!')
```
:::
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
输出
STOP
危险区域,禁止通行
点击查看代码
console.log('你好,VuePress!')
1
- 示例 3 (Code Group 别名):
输入
:::: code-group
::: code-group-item FOO
```js
const foo = 'foo'
```
:::
::: code-group-item BAR
```js
const bar = 'bar'
```
:::
::::
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
输出
const foo = 'foo'
1
const bar = 'bar'
1