GitHub 的项目徽章

GitHub 项目的 README.md 中可以添加徽章(Badge)对项目进行标记和说明,这些好看的小图标不仅简洁美观,而且还包含了清晰易读的信息。

GitHub 项目的徽标可以参考 https://shields.io/ 来生成,我们可以在 https://shields.io/ 预览绝大部分的徽标样式,然后选择自己喜欢的(当然首先需要适用于自己的目标项目)徽标,添加到自己的项目文档中去。

cd3482d1-280d-4e03-aa5b-b94151b7eb2e.png


生成已有的徽章标签

首先,打开 GitHub 徽标的官方网站 https://shields.io/,输入你在 Github 的 repo URL,即可看到 issues、forks、stars 相关的图标及代码。

c969f5ed-ec6a-4d2e-b792-5e20a0180d93.png


第二,点击图标或者代码,即可进入设置页,设置图标的颜色、样式等属性,最后选择你想要的 markdown 或者 URL 代码到 README.md 或者项目的文档页面即可。

d60b98fb-0f51-4685-9f34-ac29b2bd1eb5.png



一些常见比较好玩的 Badge:

45e20447-06da-45b5-a278-71e9d4cab9e5.png


生成自定义的徽章标签

如果我们想要生成的徽章字样和颜色, https://shields.io/ 上面没有怎么办?例如我们想生成一个类似下面的徽章我们应该怎么做呢?

8a55abcd-53cc-4d18-bf5f-fb767b66a2ec.png

首先,我们进去 https://shields.io/ ,在 shields 网站拉到最后,也就是 " You Badge" 部分填写自定义的 label、message、color 信息。

681f57c4-de79-46ae-a122-c0acd8fde9fb.png


然后,点击 " Make Badge" 按钮就可以生成我们想要的任何徽章了!

5df4410c-1506-474a-9e89-730b2c4289a3.png




  • 如果我们在写 markdown 的时候想为我们的徽章或者进度条添加点击跳转的超链接,可以使用超链接和图片的语法嵌套来写,具体可以参照 markdown 标准语法。


  • 自定义徽章和进度条由于参数是写死的,不会根据网络的数据自动变化上面的文字,所以,这些标签是静态的,修改的时候需要我们手动更改 URL。

——The  End——

be080c8a-ed38-4a56-a648-93025e7e6471.gif


本文分享自微信公众号 - 生信科技爱好者(bioitee)。
如有侵权,请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值