提示容器
约 274 字小于 1 分钟
2025-11-29
提示容器能够帮助你在文档中突出显示重要信息,让内容层次更加清晰。
提示容器通过类型、标题和内容来定义不同的信息展示样式。
默认标题样式
输入示例:
::: note
这是一个注释框
:::
::: info
这是一个信息框
:::
::: tip
这是一个提示框
:::
::: warning
这是一个警告框
:::
::: caution
这是一个危险警告框
:::
::: details
这是一个详情折叠框
:::实际效果:
注
这是一个注释框
相关信息
这是一个信息框
提示
这是一个提示框
注意
这是一个警告框
警告
这是一个危险警告框
详情
这是一个详情折叠框
自定义标题设置
通过在容器类型后添加文本,可以轻松设置自定义标题。
输入示例:
::: caution STOP
危险区域,请勿继续
:::
::: details 点我查看代码
```js
console.log('Hello, VitePress!')
```
:::实际效果:
STOP
危险区域,请勿继续
点我查看代码
console.log('Hello, VuePress Plume!')