tag 容器是一个自闭合组件,可在行内插入小型胶囊形徽章。标签在各处都保持其紧凑比例 —— 它们不会继承标题尺寸或周围文本样式。

语法参考

::: tag "Label text" [property:value...]
参数 类型 说明
标签 "String" 显示在胶囊形徽章内的文字。
颜色 color:VALUE 应用背景颜色(支持 CSS 名称或十六进制代码)。自动计算对比文字颜色。
图标 icon:NAME 在徽章内添加一个 Lucide 图标。
URL url:URL 将标签设为可点击的超链接。加 external: 前缀可强制在新标签页中打开。沿用 按钮 的 URL 不加引号约定。

示例

版本徽章

使用彩色标签内联标记某功能的引入版本。

This feature was added in ::: tag "v0.8.2" color:blue and works perfectly.

This feature was added in v0.8.2 and works perfectly.

状态标签

使用标签在整个页面中标记状态。颜色完全可定制。

::: tag "Deprecated" color:#ef4444
::: tag "Beta" color:#eab308
::: tag "Stable" color:#22c55e
::: tag "Verified" icon:check-circle color:#10b981

Deprecated
Beta
Stable
Verified

可链接标签

添加 url: 让标签充当超链接,便于交叉引用发布说明或外部资源。值不加引号,与 按钮 的约定保持一致。

Check out the latest ::: tag "Release Notes" icon:external-link url:/zh/release-notes/0-8-2.md

Check out the latest Release Notes

外部链接

在 URL 前加 external: 前缀,强制链接在新标签页中打开,即使目标位于你自己的域名下。

::: tag "GitHub" icon:github url:external:https://github.com/docmd-io/docmd

GitHub