前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >为Github项目说明添加优美标签

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

原创
作者头像
啦啦啦
修改2018-09-13 10:21:13
1.7K0
修改2018-09-13 10:21:13
举报
文章被收录于专栏:大数据互联网思维

大家在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里添加如下代码

代码语言:javascript
复制
![](https://img.shields.io/badge/Zachary46-666-green.svg)

可以看到如下显示

6、为标签添加点击事件,代码如下

代码语言:javascript
复制
[![](https://img.shields.io/badge/Zachary46-666-green.svg)](点击跳转的链接)
为啥这么写?

我们知道,MarkDown中链接显示语法为

代码语言:javascript
复制
[链接名称](链接地址)

图片显示语法为

代码语言:javascript
复制
![图片名称](图片地址)

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

代码语言:javascript
复制
[![图片名称](图片地址)](链接地址)

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 接下来我们来制作自己的标签:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档