import{P as e,f as t,h as n}from"./runtime-core.esm-bundler-CZvn3YaB.js";import{t as r}from"./plugin-vue_export-helper-CxTVcLa7.js";var i=JSON.parse(`{"path":"/guide/markdown/container/","title":"提示容器 | 指南","lang":"zh-CN","frontmatter":{"title":"提示容器","icon":"mdi:message-text-outline","createTime":"2025/11/29 14:42:46","permalink":"/guide/markdown/container/","description":"提示容器能够帮助你在文档中突出显示重要信息，让内容层次更加清晰。 提示容器通过类型、标题和内容来定义不同的信息展示样式。 默认标题样式 输入示例： 实际效果： 注 这是一个注释框 相关信息 这是一个信息框 提示 这是一个提示框 注意 这是一个警告框 警告 这是一个危险警告框 详情 这是一个详情折叠框 自定义标题设置 通过在容器类型后添加文本，可以轻松设...","head":[["script",{"type":"application/ld+json"},"{\\"@context\\":\\"https://schema.org\\",\\"@type\\":\\"Article\\",\\"headline\\":\\"提示容器\\",\\"image\\":[\\"\\"],\\"dateModified\\":\\"2025-12-01T03:30:33.000Z\\",\\"author\\":[]}"],["meta",{"property":"og:url","content":"https://theme-plume.vuejs.press/guide/markdown/container/"}],["meta",{"property":"og:site_name","content":"Plume 主题"}],["meta",{"property":"og:title","content":"提示容器"}],["meta",{"property":"og:description","content":"提示容器能够帮助你在文档中突出显示重要信息，让内容层次更加清晰。 提示容器通过类型、标题和内容来定义不同的信息展示样式。 默认标题样式 输入示例： 实际效果： 注 这是一个注释框 相关信息 这是一个信息框 提示 这是一个提示框 注意 这是一个警告框 警告 这是一个危险警告框 详情 这是一个详情折叠框 自定义标题设置 通过在容器类型后添加文本，可以轻松设..."}],["meta",{"property":"og:type","content":"article"}],["meta",{"property":"og:locale","content":"zh-CN"}],["meta",{"property":"og:locale:alternate","content":"en-US"}],["meta",{"property":"og:updated_time","content":"2025-12-01T03:30:33.000Z"}],["meta",{"property":"article:modified_time","content":"2025-12-01T03:30:33.000Z"}],["link",{"rel":"alternate","hreflang":"en-us","href":"https://theme-plume.vuejs.press/en/guide/markdown/container/"}]]},"readingTime":{"minutes":0.91,"words":274},"git":{"createdTime":1764559833000,"updatedTime":1764559833000,"contributors":[{"name":"pengzhanbo","username":"pengzhanbo","email":"volodymyr@foxmail.com","commits":1,"avatar":"https://avatars.githubusercontent.com/pengzhanbo?v=4","url":"https://github.com/pengzhanbo"}],"changelog":[{"hash":"db8a46eb4cdc6c4bcb15f0e38a5aacfef565975a","time":1764559833000,"email":"volodymyr@foxmail.com","author":"pengzhanbo","message":"docs: optimize and completion docs (#766)"}]},"autoDesc":true,"filePathRelative":"guide/markdown/container.md","headers":[],"bulletin":false}`),a={name:`container.md`};function o(r,i,a,o,s,c){return e(),t(`div`,null,[...i[0]||=[n(`提示容器能够帮助你在文档中突出显示重要信息，让内容层次更加清晰。
提示容器通过类型、标题和内容来定义不同的信息展示样式。
输入示例：
::: note
这是一个注释框
:::
::: info
这是一个信息框
:::
::: tip
这是一个提示框
:::
::: warning
这是一个警告框
:::
::: caution
这是一个危险警告框
:::
::: details
这是一个详情折叠框
:::
实际效果：
详情
这是一个详情折叠框
通过在容器类型后添加文本，可以轻松设置自定义标题。
输入示例：
::: caution STOP
危险区域，请勿继续
:::
::: details 点我查看代码
\`\`\`js
console.log('Hello, VitePress!')
\`\`\`
:::
实际效果：
点我查看代码
console.log('Hello, VuePress Plume!')