> ## Documentation Index
> Fetch the complete documentation index at: https://dripart-docs-recommend-assets-api.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 关于面板徽章

关于面板徽章 API 允许扩展为 ComfyUI 的关于页面添加自定义徽章。这些徽章可以显示有关你的扩展的信息，并包含指向文档、源代码或其他资源的链接。

## 基本用法

```javascript theme={null}
app.registerExtension({
  name: "MyExtension",
  aboutPageBadges: [
    {
      label: "Documentation",
      url: "https://example.com/docs",
      icon: "pi pi-file"
    },
    {
      label: "GitHub",
      url: "https://github.com/username/repo",
      icon: "pi pi-github"
    }
  ]
});
```

## 徽章配置

每个徽章都需要以下所有属性：

```javascript theme={null}
{
  label: string,           // 徽章上显示的文本
  url: string,             // 点击徽章时打开的 URL
  icon: string             // 图标类名（例如 PrimeVue 图标）
}
```

## 图标选项

徽章图标使用 PrimeVue 的图标集。以下是一些常用图标：

* 文档：`pi pi-file` 或 `pi pi-book`
* GitHub：`pi pi-github`
* 外部链接：`pi pi-external-link`
* 信息：`pi pi-info-circle`
* 下载：`pi pi-download`
* 网站：`pi pi-globe`
* Discord：`pi pi-discord`

完整的可用图标列表请参考 [PrimeVue 图标文档](https://primevue.org/icons/)。

## 示例

```javascript theme={null}
app.registerExtension({
  name: "BadgeExample",
  aboutPageBadges: [
    {
      label: "Website",
      url: "https://example.com",
      icon: "pi pi-home"
    },
    {
      label: "Donate",
      url: "https://example.com/donate",
      icon: "pi pi-heart"
    },
    {
      label: "Documentation",
      url: "https://example.com/docs",
      icon: "pi pi-book"
    }
  ]
});
```

徽章会显示在设置对话框的关于面板中，可以通过 ComfyUI 界面右上角的齿轮图标进入。