github-badge在线生成器,修改typecho网站底部的标签样式

github-badge在线生成器,修改typecho网站底部的标签样式

github-badge在线生成器,修改typecho网站底部的标签样式插图

经常会在GitHub上项目介绍的README.md文件中看到许多漂亮的标签,这些标签可以显示version、stars、license等信。

效果可以去我的博客:北忘山

在线生成

我们可以通过 https://shields.io/ 这个网站在线制作图标,填写label、message、color三个字段,点击Make Badge就可以生成图标,还有其他功能可以自己去体验。

github-badge在线生成器,修改typecho网站底部的标签样式插图1

使用方法

我们点击制作图标之后,就会打开一个网站,里面显示了刚刚设置的样式的图标,我们复制当前网站地址,然后就可以使用img标签包裹使用啦。

github-badge在线生成器,修改typecho网站底部的标签样式插图2

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>

github-badge在线生成器,修改typecho网站底部的标签样式插图3

版权声明:
作者:北忘山
文章:github-badge在线生成器,修改typecho网站底部的标签样式
链接:https://www.beiwangshan.com/archives/57.html
来源:beiwangshan.com
文章版权归作者所有,未经允许请勿转载。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>