这里收集了一些 Github 上热门项目使用过的徽章，以及一些在线制作工具。

在线文档 · English

Tip

Badge（徽章）是嵌入在项目 README 文件中的 SVG 矢量图标，用于直观展示项目状态、版本、测试覆盖率等关键信息‌。

📑 徽章目录

• Shields.io
• Badgen
• 访客统计徽章
  • GitHub Profile Views Counter
  • HITS
  • Moe Counter
  • Profile Counter
  • Visitor Badge
• Custom Icon Badges
• Capsule Render
• Discord 徽章
  • Discord Markdown Badge
  • Discord README Badge
• Github 徽章
  • Contributors Img
  • GitHub Gists Readme
  • Github Contribution Stats
  • GitHub Profile Trophy
  • Github Readme Activity Graph
  • GitHub Readme Stats
  • Github Readme Streak Stats
  • GitHub Workflows Badge
  • Github Chart API
  • Repobeats
  • Socialify
  • Spark
  • GitHub Starlines
• GitHub Twitter Card Embed
• Gradgen
• Iconify
• Open Collective
• OpenSSF Best Practices Badge
• Open Source Software Insight
• PlayBadges
• 名言引用
  • Github Readme Quotes (PiyushSuthar)
  • Github Readme Quotes (shravan20)
• README Jokes
• Readme Typing SVG
• Sloc Cloc and Code
• Stackoverflow Readme Profile
• Star History
• WakaTime
• Widget Bite

🏃 如何使用

# 安装依赖
pnpm install
# 运行项目
pnpm dev
# 构建项目
pnpm build

✍ 添加徽章

• Fork 项目
• 参考模板文件 template.json，在 badges 目录下新建一个 JSON 文件，并按照模板格式填写徽章信息内容。
• pnpm dev 或者 pnpm dev:docs 启动项目, 查看徽章效果。
• 使用 pnpm commit 命令并选择 docs 提交 PR, 等待合并。

🌏 添加语言

• Fork 项目
• 在 meta.json 配置文件的 locales 字段中添加新的语言配置。
• 为 locales 目录下徽章信息文件添加对应的语言版本。
• 使用 pnpm commit 命令并选择 docs 提交 PR, 等待合并。

💖 感谢

最后，如果能够帮助到你，还请多多 Star 项目，感谢你的关注。