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

大家在Github上看项目的时候，是不是经常在项目介绍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中链接显示语法为

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

图片显示语法为

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

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

[![图片名称](图片地址)](链接地址)
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容