徽标

使用 Prosefly 的 MDX 组件编辑器编辑行内徽标，同时保留 Starlight 或 Prosefly 网站使用的语法。

支持的配置

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

可视化编辑

选中徽标，打开行内编辑控件，修改文字和当前配置提供的样式属性。通过删除操作移除徽标，周围的段落文字会保留。

badge.mdx

StarlightProsefly

可视化源码

重置示例

正在加载编辑器…

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

源码示例

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

## 发布状态

团队审阅期间，这份指南处于 <Badge text="预览" variant="tip" /> 状态。

配置差异

Prosefly 使用组件内的文字，并支持相应的 variant 和 color 属性。Starlight 将文字保存在 text 属性中，使用自己的样式和尺寸选项：

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

发布状态：<Badge text="预览" variant="note" />。

Fumadocs 配置没有专门的 Badge 功能。修改徽标文字或颜色，只会修改文档内容，不会改变应用中的实际状态。自定义徽标仍可在源码模式中编辑。

相关 MDX 指南

继续阅读：图标 · 链接按钮 · 提示块.