添加自定义静态/动态shields徽章

提取准备

Shields 官网
Simpleicons 图标官网
图片转 Base64

1、静态徽章

1.1 基本自定义

1.2 条件自定义

打开Simpleicons图标官网

复制到 logo 框中，图标颜色也可以自定义

如果Simpleicons图标库没有你要的图标，通过阅读官网，可以把图片转成 Base64 放在 logo 框中使用

准备一张图片，越小越好，最好不要超过20k，不然会报url太大

<html>

<head><title>414 Request-URI Too Large</title></head>

<body>

<center><h1>414 Request-URI Too Large</h1></center>

<hr><center>cloudflare</center>

</body>

</html>

打开在线工具图片转Base64，上传你的图片，复制红色框内容

生成结果

2、动态徽章

动态徽章，不需要手动修改，就会自动更新。

搜索找到 GitHub release (with filter)

示例：

user：github用户名
repo：github项目名

修改并添加条件

logo：Base64图片

label：左边名称

还有其他可以添加，比如**stars**数

添加到自己网站的页脚即可

最后的效果如下

Blog.L