polarisht / github-badge-collection

Github README 的常用徽章服务整理合集

Github 常用徽章合集

Github Badge Collection

1. Shields 徽章

Shields 适用于各类现有的、或自定义名称的徽章。

样式参数，共有5种样式：
style=plastic
style=flat
style=flat-square
style=for-the-badge
style=social

1.1 品牌类

https://img.shields.io/badge/左侧文字-右侧文字-颜色?logo=图标

样式参数：?style=flat
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色，但文字不支持设置颜色

1.2 开发类

https://img.shields.io/badge/-左侧文字-右侧文字-颜色?logo=图标

样式参数：?style=flat-square
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色，但文字不支持设置颜色

1.3 社交类

https://img.shields.io/twitter/follow/右侧文字.svg?logo=图标

图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色，但文字不支持设置颜色

1.4 自定义类

https://img.shields.io/badge/文字-颜色?logo=图标

样式参数：?style=for-the-badge&logo=appveyor
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色，但文字不支持设置颜色

1.5 内容可变类

1.5.1 Release 版本号

https://img.shields.io/github/release/用户名/仓库名

自动获取最新 Release 的版本号。

1.5.2 Issues 开启数量

https://img.shields.io/github/issues/用户名/仓库名?color=F48D73

颜色参数：?color=F48D73
自动获取最新 Issues open 的数量。

1.5.3 License 许可

https://img.shields.io/github/license/用户名/仓库名.svg

自动获取本仓库的 License 许可。

1.5.4 Github Actions 状态

https://github.com/用户名/仓库名/actions/workflows/文件名.yml/badge.svg

可在 Github Actions 页面点击 Create status badge 手动创建。

2. GitHub Readme Stats

2.1 个人卡片

https://github-readme-stats.vercel.app/api?username=用户名

https://github-readme-streak-stats.herokuapp.com/?user=用户名

2.2 仓库卡片

https://github-readme-stats.vercel.app/api/pin/?username=用户名&repo=仓库名

2.3 用户语言比例

https://github-readme-stats.vercel.app/api/top-langs/?username=用户名

宽度参数：?card_width=445

3. 访问量和趋势

3.1 访问量

https://komarev.com/ghpvc/?username=用户名

https://api.visitorbadge.io/api/visitors?path=链接 

https://profile-counter.glitch.me/用户名/count.svg

https://api.moedog.org/count/@用户名.readme

3.2 Star 趋势卡片

https://starchart.cc/用户名/仓库名.svg

3.3 个人贡献版

https://ghchart.rshah.org/用户名

3.4 个人贡献版贪吃蛇版

3.5 贡献人员卡片

https://contrib.rocks/image?repo=用户名/仓库名

仅支持 image，分辨率较低

3.6 贡献人员卡片

https://opencollective.com/hexo-theme-fluid/contributors.svg?width=890&button=false

样式参数：?width=890&button=false

支持 svg，需注册账号

3.7 仓库概况

https://repobeats.axiom.co/api/embed/55ee65543bb9a0f9c797626c4e66d472a517d17c.svg

需注册账号，使用 Github 账号登陆并创建。

4. metrics卡片

For user accounts	For organization accounts

📅 Isometric commit calendar	🈷️ Languages activity
Full year calendarHalf year calendar	Indepth analysis (clone and analyze repositories)Recently used (analyze recent activity events)

5. Quotes 名言

6. 奖杯 🏆

https://github-profile-trophy.vercel.app/?username=用户名

主题参数：theme=gruvbox
行与列数：row=1&column=6
边框参数：no-frame=true
背景参数：no-bg=true

7. 天气

https://weather-icon.journeyad.repl.co/@城市

Beijing	Shanghai	London

8. Github 活动卡片

https://activity-graph.herokuapp.com/graph?username=用户名

主题参数：theme=xcode
背景颜色：bg_color=FF000000
边框参数：hide_border=true

9. Wakatime 图表

10. 一些 GIF

11. Dynamic 热图

12. 3D 个人资料