前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给你的README整一些花里胡哨的图片

给你的README整一些花里胡哨的图片

作者头像
老肥码码码
发布2020-03-12 20:05:42
5560
发布2020-03-12 20:05:42
举报

在浏览人类精华宝库GitHub时,老肥注意到有些项目的README文件中会展示其Star以及Fork的数目,如下图所示,

还有一些项目的README则是展示另外一番酷炫效果,好一番乱花渐欲迷人眼~

那么如何在markdown文件中写入这些花里胡哨的图片呢?“聪明”的我去阅读了这些仓库的README文件,发现是这个样子的

代码语言:javascript
复制
![GitHub stars](https://img.shields.io/github/stars/sfyc23/EverydayWechat.svg?style=social)

显然,得到star和fork图片的url链接了,可以看到其构造形式为

代码语言:javascript
复制
https://img.shields.io/github/stars/<username>/<reponame>.svg

我们只需要添加自己的GitHub用户名以及仓库名,便可以生成star图片,fork也是同理可得,下图是我的一个代码仓库(感兴趣的童鞋底部传送门),我在README的顶部添加了如下图片,是不是看起来逼格满满呢!

同样我们也知道这些svg图像的出处了,它就是https://img.shields.io/ ,不妨去一探究竟。

我们可以在此处分别填入标签、摘要以及颜色,便可以生成自己想要的图案,图片链接如下,

代码语言:javascript
复制
https://img.shields.io/badge/<LABEL>-<MESSAGE>-<COLOR>

另外我们还可以选择风格不同的图片,给出如下几个示例

具体的图片链接需要在上述图片链接后添加对应的内容,style以及logo的内容,其中logo支持自定义,可以上传图片的base64编码。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2020-03-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 算法与数据之美 微信公众号,前往查看

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

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档