Markdown 提示框 - xiaobuhui的博客

提示框让补充信息在视觉上保持独立，同时不打断文章阅读节奏。每种形式都在服务端渲染，并使用同一个紧凑的 M3E 组件。

语义变体#

可选详情#

查看完整命令

折叠面板使用浏览器原生语义，无需客户端 JavaScript 即可保持键盘可访问。

1
npx.cmd astro check
2
pnpm.cmd build

默认处于折叠状态。
长代码可在自身代码块内滚动。
在窄屏上，容器仍保持在文章宽度内。

编写语法#

1
:::note[Existing title syntax]
2
Content
3
:::
4

5
::: warning Plume-compatible title syntax
6
Content
7
:::
8

9
> [!TIP]
10
> GitHub Alert syntax
11

12
::: details Optional content
13
Hidden until the reader opens it.
14
:::

xiaobuhui

语义变体#

可选详情#

编写语法#

继续阅读

换条路线

xiaobuhui

语义变体#

可选详情#

编写语法#

分享文章

沿着主题读

换条路线