558 字
2 分钟
内容注解

内容注解可以把补充语境留在句子附近,而不必把它直接塞进阅读流里。点击那个小小的标注标记即可展开它的内容。

基础语法#

在普通行文中插入一个 [+label] 引用,然后在同一篇文章的其他位置定义对应的注解。

Astro renders most of a page ahead of time and hydrates **interactive islands** [+islands] only when they need to become interactive.
[+islands]:
An island is an interactive UI component surrounded by static HTML. This keeps the default page lightweight while preserving focused interactivity.

Astro 会预先渲染页面的绝大部分内容,只在交互式岛屿 真正需要交互时才对其进行水合。

富文本内容#

注解定义中可以包含段落、强调、链接、列表和行内代码 ,而周围的句子照常继续。

多重定义#

复用同一个标签 ,可以把一串相关的简短注解集中在同一个标记之后。

像 [+missing] 这样未定义的引用会保留为普通文本,因此一个尚未写完的定义不会生成空白控件。

内容注解
https://www.dafeiyu.site/posts/content-annotations/
作者
蓝色大肥鱼
发布于
2026-08-27
许可协议
CC BY-NC-SA 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

0 条评论