接下来我们来制作这种标签:
1、打开 https://shields.io
2、往下拉,找到Your Badge
3、填写
subject、status、color
三个字段,点击Make Badge生成标签例如:
生成结果:
4、复制标签地址 https://img.shields.io/badge/Zachary46-666-green.svg
5、在README.md里添加如下代码
![](https://img.shields.io/badge/Zachary46-666-green.svg)
可以看到如下显示6、为标签添加点击事件,代码如下
[![](https://img.shields.io/badge/Zachary46-666-green.svg)](点击跳转的链接)
为啥这么写?
我们知道,MarkDown中链接显示语法为
[链接名称](链接地址)
图片显示语法为
![图片名称](图片地址)
那么带链接的图片就是将两者语法嵌套就行了,即[链接名称]
部分变成图片显示语法,语法变成
[![图片名称](图片地址)](链接地址)