链接按钮

使用 Prosefly 的 MDX 组件编辑器编辑 Starlight 链接按钮，同时保留 MDX 中的目标地址和支持的属性。

支持的配置

同一个编辑器支持 Astro、Starlight、Fumadocs 和 Prosefly 配置。选择与你的网站匹配的配置，即可查看该集成支持的组件语法和编辑控件。

可视化编辑

选中按钮后打开控件，在组件中修改按钮文字，通过属性面板修改目标地址、样式和受支持的图标位置。图标选择器可以更换图标。修改链接时，不会离开当前文档。

link-button.mdx

Starlight

可视化源码

重置示例

正在加载编辑器…

这是一个可编辑的示例，修改仅保留在当前页面。

源码示例

import { LinkButton } from '@astrojs/starlight/components';

## 继续阅读指南

<LinkButton
  href="/docs/zh-cn/getting-started/"
  variant="primary"
  icon="right-arrow"
  iconPlacement="end"
>
  开始使用
</LinkButton>

支持范围

链接按钮是 Starlight 配置中的专用功能，支持的样式包括 primary、secondary 和 minimal。Prosefly 和 Fumadocs 配置没有这个组件的专用编辑界面。

不需要强调入口时，可以使用普通 Markdown 链接。自定义按钮组件仍可在源码模式中编辑。发布前，请通过网站预览检查目标地址和显示效果。

相关 MDX 指南

继续阅读：卡片 · 徽标 · 图标.