Badge 徽章生成器

自定义 shields.io 徽章,生成 Markdown/HTML 代码,实时预览效果

实时预览
badge preview
生成的代码
![build](https://img.shields.io/badge/build-passing-44cc11?labelColor=555555)
常用预设
npm 版本npm 版本
MIT 许可MIT 许可
构建通过构建通过
GitHub StarsGitHub Stars
TypeScriptTypeScript
PRs WelcomePRs Welcome

Badge 徽章生成器使用说明

功能特点

  • 基于 shields.io 生成高质量徽章
  • 支持多种徽章类型和自定义颜色
  • 提供 Markdown/HTML/URL 三种格式输出
  • 内置常用预设,一键使用

常见问题

  • Q: 徽章加载不出来?
    A: shields.io 服务偶尔有延迟,稍后刷新即可
  • Q: 如何动态显示版本号?
    A: 使用 version 类型并填入 npm 包名