为Github项目说明添加优美标签

大家在Github上看项目的时候,是不是经常在项目介绍README.md里看到这种高大上的标签:
为Github项目说明添加优美标签_第1张图片



接下来我们来制作这种标签:

1、打开 https://shields.io


2、往下拉,找到Your Badge
为Github项目说明添加优美标签_第2张图片

3、填写 subject、status、color三个字段,点击 Make Badge生成标签
例如:
为Github项目说明添加优美标签_第3张图片

生成结果:
为Github项目说明添加优美标签_第4张图片

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

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

图片显示语法为

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

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

[![图片名称](图片地址)](链接地址)
为Github项目说明添加优美标签_第5张图片




你可能感兴趣的:(为Github项目说明添加优美标签)