mirror of
https://github.com/pengzhanbo/vuepress-theme-plume.git
synced 2026-04-23 10:58:13 +08:00
1.3 KiB
1.3 KiB
title, icon, createTime, permalink
| title | icon | createTime | permalink |
|---|---|---|---|
| 提示容器 | mdi:message-text-outline | 2025/11/29 14:42:46 | /guide/markdown/container/ |
::: tip 提示容器能够帮助你在文档中突出显示重要信息，让内容层次更加清晰。 :::
提示容器通过类型、标题和内容来定义不同的信息展示样式。
默认标题样式
输入示例：
::: note
这是一个注释框
:::
::: info
这是一个信息框
:::
::: tip
这是一个提示框
:::
::: warning
这是一个警告框
:::
::: caution
这是一个危险警告框
:::
::: details
这是一个详情折叠框
:::
实际效果：
::: note 这是一个注释框 :::
::: info 这是一个信息框 :::
::: tip 这是一个提示框 :::
::: warning 这是一个警告框 :::
::: caution 这是一个危险警告框 :::
::: details 这是一个详情折叠框 :::
自定义标题设置
通过在容器类型后添加文本，可以轻松设置自定义标题。
输入示例：
::: caution STOP
危险区域，请勿继续
:::
::: details 点我查看代码
```js
console.log('Hello, VitePress!')
```
:::
实际效果：
::: caution STOP 危险区域，请勿继续 :::
::: details 点我查看代码
console.log('Hello, VuePress Plume!')
:::