通过shields.io制作好看的网站徽标
本文还在更新中~
细心留意，会发现有很多网站都有这种徽标，在我苦苦寻找之后，终于搞明白啦
传送门：shields.io官网
1.示例
这些徽标本质是图片，但是有：
- 很丰富的风格、颜色、logo可供自定
- 并且支持html、markdown、asciiDoc、reStructuredText等等,虽然后两种不知道是啥哈哈
- 支持一定格式的请求来达到信息的动态展示效果。
比如markdown：
html(嵌入a标签超链接):
2.制作静态徽标
按照如下任意一种规则写url即可：
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>
https://img.shields.io/static/v1?label=<LABEL>&message=<MESSAGE>&color=<COLOR>label: 标签名
message: 信息
color: 自定义颜色，支持颜色名、hex、rgb等多种表达方式。
几个规则:
标签名和信息中：
--代表-__代表__orspace代表space
颜色名可以有：
3.徽标样式
style属性
?style=plastic&logo=appveyor |
 |
立体 |
|---|---|---|
?style=flat&logo=appveyor |
 |
扁平 |
?style=flat-square&logo=appveyor |
 |
扁平去圆角 |
?style=for-the-badge&logo=appveyor |
 |
大方块？ |
?style=social&logo=appveyor |
 |
社交样式 |
4.logo
①logo属性
支持如下logo：
bitcoin, dependabot, discord, gitlab, npm, paypal, serverfault, stackexchange, superuser, telegram, travis②但是太少了，所以接着看：
这里提供了大量logo可供选择(这不比fontawesome强多了？🥴)
使用方法就是参数加上
?logo=<logo名>即可。
③自定义logo，利用base64为图片编码
?logo=data:image/png;base64,…有很多在线工具如站长之家可以使用，比较方便，但是request headers限制在8192 B，所以不支持太大的图片。
5.其他参数
待更新，偷个懒休息一下~~~
先看官网吧
6.动态徽标
待更~~~
