跳转到内容

Link 链接

正文链接——内链右箭头、外链右上箭头。

link() 在正文内容中构建文本链接。内链带右 箭头(→)、外链带右上箭头(↗),细下划线淡显、hover 变实加深。

内链

介绍带你了解文档结构。

link({ label: '介绍', href: '/zh/guides/example/' });
外链

在新标签页打开 GitHub 仓库

link({
label: 'GitHub 仓库',
href: 'https://github.com/CelPlume/CelestPlume',
external: true,
});
参数类型默认值说明
hrefstring目标地址(必填)。
labelstring链接文本(必填)。
externalbooleanfalse在新标签页打开并渲染 ↗ 箭头。
iconstring''置于文本前的原始 SVG 字符串。
  • 箭头与下划线来自正文样式(.cpd-article a);构建器只输出标记。
  • 规范——正文之外禁止下划线:任何组件内部的链接(Button、Card、 Dropdown 菜单项、面包屑、分页、Callout、Tabs、Accordion、Step、标题 锚点、Starlight aside……)一律重置——无下划线、无箭头。只有纯正文链接 保留。新增带链接的组件时,其 <a> 必须加入 celestial-docs.css.cpd-article 重置列表。