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

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

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

图片显示语法为

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

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

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

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏React Native开发圈

React Native二维码生成组件

value:二维码的值 size:大小,默认128 bgColor:背景色,默认#000 fgColor:前景是,默认#fff

12920
来自专栏Android干货

Android项目实战(十一):moveTaskToBack(boolean ) 方法的使用

30050
来自专栏IT开发技术与工作效率

Excel Post下载网址获取方法

20320
来自专栏CDA数据分析师

让你效率提高300%的Excel键盘技巧

本文为简书作者傲看今朝原创,CDA数据分析师已获得授权 刚进惠普的时候,听说公司里的某个领导操作Excel从不用鼠标,感觉真是太牛逼了,满是崇拜的眼神。然而经过...

21880
来自专栏Crossin的编程教室

在 Python 程序中显示进度条

转自 http://my.oschina.net/jhao104/blog/681507 1、利用标准输出 先说一下文本系统的控制符: \r: 将光标移...

33570
来自专栏黑泽君的专栏

适配器类(便利类)的由来:当你自己写的类中想用某个接口中个别方法的时候(注意:不是所有的方法),肿么办?

组件:组件就是对象。 容器组件:是可以存储基本组件和容器组件的组件。 基本组件:是可以使用的组件,但必须依赖容器组件。 注意: 由于Compone...

9720
来自专栏前端人人

React第三方组件3(状态管理之Flux的使用④TodoList下)

本教程总共5篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章! 1、React第三方组件3(状态管理之Flux的使用①简单...

35270
来自专栏Golang语言社区

Go语言服务器开发之简易TCP客户端与服务端实现方法

Go语言具备强大的服务器开发支持,这里示范了最基础的服务器开发:通过TCP协议实现客户端与服务器的通讯。 一 服务端,为每个客户端新开一个goroutine 代...

380140
来自专栏Hongten

pygame系列_mouse鼠标事件

E | hongtenzone@foxmail.com  B | http://www.cnblogs.com/hongten

27830
来自专栏xingoo, 一个梦想做发明家的程序员

在Html中使用Requirejs进行模块化开发

在前端模块化的时候,不仅仅是js需要进行模块化管理,html有时候也需要模块化管理。这里就介绍下如何通过requirejs,实现html代码的模块化开发。 ...

262100

扫码关注云+社区

领取腾讯云代金券