github-badge在线生成器,修改typecho网站底部的标签样式
![](https://i-blog.csdnimg.cn/blog_migrate/3d4e9f840f26514c074f1e99268a0b29.png)
经常会在GitHub上项目介绍的README.md文件中看到许多漂亮的标签,这些标签可以显示version、stars、license等信。
效果可以去我的博客:北忘山
https://www.beiwangshan.com/
在线生成
我们可以通过 https://shields.io/ 这个网站在线制作图标,填写label、message、color三个字段,点击Make Badge就可以生成图标,还有其他功能可以自己去体验。
![](https://i-blog.csdnimg.cn/blog_migrate/ec62018078c6a910e2e417d6437824bf.png)
使用方法
我们点击制作图标之后,就会打开一个网站,里面显示了刚刚设置的样式的图标,我们复制当前网站地址,然后就可以使用img
标签包裹使用啦。
![](https://i-blog.csdnimg.cn/blog_migrate/e30030f35e8c935751d81a969d05fbd0.png)
eg:
<a href="http://tools.beiwangshan.com/" style="color:#db5a23;margin-right=10px" target="_blank"><img src="https://img.shields.io/badge/%E5%89%AF%E7%AB%99-%E8%97%8F%E7%BB%8F%E9%98%81%E5%AF%BC%E8%88%AA-blue"/></a>
<a href="https://www.houjie.xyz/" style="color:#db5a23;margin-right=10px" title="项目分享站" target="_blank"><img src="https://img.shields.io/badge/%E5%89%AF%E7%AB%99-%E5%90%8E%E8%A1%97%E3%81%AE%E5%8D%9A%E5%AE%A2-blue"/></a>
<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral"> <img src="https://s3.ax1x.com/2020/12/21/rBAS9f.png" style="width: 66px;height: auto;"></a>
![](https://i-blog.csdnimg.cn/blog_migrate/7280061794d05d402415f6ea6c803ac1.png)