用shields.io生成小牌子

在 上的READM文件中或是html网页文件中，常常会看见一些像这样五颜六色的“小牌子”，本篇笔记记录如何使用 网站生成这样的“小牌子”.

网址：https://shields.io/

shields.io的原理是通过我们的地址请求渲染出相应的小牌子。

静态标签

左右标签颜色

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

比如： 比如：

只有标签和颜色

前缀/{标签1}_{标签2}-{颜色}

其中，标签内部使用短下划线或者20%分隔，标签与颜色之间用-分隔。如果需要输入_则连续输入2个_。

以上颜色部分可以使用十六进制、rgb、rgba、hsl、hsla和css命名的颜色。

可选参数style

用?style=参数可以自定义标签的样式。 可能的值有：[[flat, flat-square, plastic, for-the-badge, social]]

![Static Badge](![Static Badge](https://img.shields.io/badge/build-passing-brightgreen?style=for-the-badge)
)

效果： flat: falt-square:

plastic: for-the-badge: social:

用&符号链接添加徽标logo

可用的徽标logo可以在这里查找复制。

![Static Badge](https://img.shields.io/badge/build-passing-brightgreen?style=for-the-badge&logo=botcoin)

徽标颜色

label和labelColor

label用来覆盖左边标签，labelColor用来设置左边标签背景颜色。

![Static Badge](https://img.shields.io/badge/build-passing-brightgreen?logo=fishshell&label=replace&labelColor=787878)

动态标签