大家在Github上看项目的时候，是不是经常在项目介绍README.md里看到这种高大上的标签，以下截取自开源库OkGo的README.md。

---

---

---

接下来我们来制作自己的标签：

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中链接显示语法为

[链接名称](链接地址)

图片显示语法为

![图片名称](图片地址)

那么带链接的图片就是将两者语法嵌套就行了，即[链接名称]部分变成图片显示语法，语法变成

[![图片名称](图片地址)](链接地址)

---

---

---

---