Shields.io小牌子生成器

最初，这些「小牌子」的主要作用是为了显示「某个 GitHub 项目」的「某种状态」，比如项目的编译是否成功、文档是否更新至最新、软件的下载数量有多少……不过，从原理的角度来说，这些「小牌子」都是通过我们给「牌子渲染服务器」提供一些数据后，服务器返回给我们一个 SVG 格式的图片来工作的。我们将返回的 SVG 图片嵌入到 GitHub 的 README 文档或其他网页里面，就完成了一个「小牌子」的制作。

Shields.io 的基本用法

简单定制静态小牌子

Shields.io 就是一个我们开头提到的「牌子渲染服务」。事实上，GitHub 上面大部分「小牌子」都是用 Shields.io 来渲染的。我们可以借助于 Shields.io 服务定制一些个性化的「小牌子」。

😀 example：https://img.shields.io/badge/不爱学习的晓鱼-yylhash-da282a，这一请求可以渲染得到这样的小牌子。

😀 example：https://img.shields.io/badge/-catetomyy-da282a?style=style=flat-square&logo=instagram这一请求可以渲染得到这样的小牌子。

可以发现，简单定制小牌子非常方便，最最基础的语法规则就是：

https://img.shields.io/badge/{左半部分标签}-{右半部分标签}-{右半部分颜色}

另外，在 Shields.io 的官网上面有非常方便的「小牌子生成器」，我们可以直接用它来构造一个「小牌子」，只需要按照下图的样子：填入左半边标签、填入右半边标签，再定义右半边的颜色，点击 Make Badge 即可生成。其中，右半边的颜色我们可以用官方提供的几种预设颜色名称（下方 Colors）或者我们自己提供十六进制颜色代码都可以。