Markdown 提示框 - XhaniのBlog

提示框能让辅助说明在视觉上与正文区分开来,同时又不打断文章的阅读节奏.所有形态都在服务端渲染,并复用同一个紧凑的 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
:::

XhaniのBlog

语义化变体#

可选详情#

编写语法#

继续阅读

换条路线

评论

XhaniのBlog

语义化变体#

可选详情#

编写语法#

分享文章

沿着主题读

换条路线

评论