接着 Github表情语法:为你的Markdown文章加上表情 后,
我们的需求将继续更新,
那我们看到很多大佬的仓库都带有类似这样的标识:
像一般的项目README文件都会附带项目的依赖和其版本号,
图示的LOGO只要你访问 这个链接 就可以看到,
这个就是 Shields IO 语法,
而他提供的是一个可访问的API, 仅需要在吧这个API放置在README.md文件中即可生效,
你可以在界面上可视化自定义样式以及内容:
- Build: 可视化自定义样式
- Code Coverage: 代码覆盖率样式
- Analysis: 数据解析样式
- Chat: 状态展示样式
- Dependencies: 依赖关系样式
- Size: 数值大小样式
- Downloads: 下载按钮样式
- Funding: 项目金额来源样式
- Issue Tracking: 问题状态和追踪样式
- License: 许可证样式
- Rating: 标星样式
- Social: 社区信息样式
- Version: 版本号信息样式
- Platform & Version Support: 平台支持和版本支持样式
- Monitoring: 监控状态和方式样式
- Activity: 项目活动样式
- Other: 其他自定义样式
那我们怎么定义一个我们想表达的图标信息呢?
https://img.shields.io/badge/python-3.7.2-red
这个是一个示例, 包含以下信息:
| 参数内容 | 参数说明 |
|---|---|
| https://img.shields.io/badge/ | 请求数据的URL前缀内容 |
| /python-3.7.2-red | <标签名>-<标签描述>-<标签颜色> |
所以上例展示出来的效果就是这样的
当然,
你在掘金上展示该效果仅需要这样做:

那我想加Logo怎么办呢?
我这儿还有一个例子:
https://img.shields.io/github/followers/MedusaSorcerer?color=blue&label=info&logo=python&logoColor=red&style=for-the-badge
参数说明:
| 参数内容 | 参数说明 |
|---|---|
| https://img.shields.io/github/followers/ | 请求数据的URL前缀 |
| MedusaSorcerer? | 用户名 |
| color=blue | 覆盖内容的背景色 |
| label=info | 覆盖的内容 |
| logo=python | Logo图标 |
| logoColor=red | Logo图标颜色 |
| style=for-the-badge | 展示样式 |
| 其中需要介绍的是: |
- color:支持英文输入以及16进制编码输入
- logo:是英文输入检索的, 详情你可以查询simpleicons.org
- style:样式仅有
plastic、flat、flat-square、for-the-badge、social五种
那具体操作, 官方都有详细的文档介绍, 我们可以戳进去制作你需要的图标样式。
2020年04月04日, 我们缅怀同胞, 致敬英雄, 武汉加油, 中国加油!