Github Badge Collection
本 README 主要收集一些零散的 Github 常用徽章、标注、Markdown 技巧等,下面是一个简单指引:
1. Shields 徽章
Shields 适用于各类现有的、或自定义名称的徽章。
样式参数,共有5种样式:
style=plastic
style=flat
style=flat-square
style=for-the-badge
style=social
https://img.shields.io/badge/左侧文字-右侧文字-颜色?logo=图标
样式参数:?style=flat
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色,但文字不支持设置颜色
https://img.shields.io/badge/-左侧文字-右侧文字-颜色?logo=图标
样式参数:?style=flat-square
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色,但文字不支持设置颜色
https://img.shields.io/twitter/follow/右侧文字.svg?logo=图标
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色,但文字不支持设置颜色
https://img.shields.io/badge/文字-颜色?logo=图标
样式参数:?style=for-the-badge&logo=appveyor
图标库支持主流品牌、也可以使用 base64 嵌入自定义图标
图标支持 logoColor 参数设置颜色,但文字不支持设置颜色
https://img.shields.io/github/release/用户名/仓库名
自动获取最新 Release 的版本号。
https://img.shields.io/github/issues/用户名/仓库名?color=F48D73
颜色参数:?color=F48D73
自动获取最新 Issues open 的数量。
https://img.shields.io/github/license/用户名/仓库名.svg
自动获取本仓库的 License 许可。
https://github.com/用户名/仓库名/actions/workflows/文件名.yml/badge.svg
可在 Github Actions 页面点击 Create status badge 手动创建。
https://github-readme-stats.vercel.app/api?username=用户名
https://github-readme-streak-stats.herokuapp.com/?user=用户名
https://github-readme-stats.vercel.app/api/pin/?username=用户名&repo=仓库名
https://github-readme-stats.vercel.app/api/top-langs/?username=用户名
宽度参数:?card_width=445
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
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 名言
https://github-profile-trophy.vercel.app/?username=用户名
主题参数:theme=gruvbox
行与列数:row=1&column=6
边框参数:no-frame=true
背景参数:no-bg=true