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

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


生成已有的徽章标签

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


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


一些常见比较好玩的 Badge:



生成自定义的徽章标签

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

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


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





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

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

——The  End——


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

GitHub 的项目徽章相关推荐

  1. GitHub 项目徽章的添加和设置

    许多同学在 GitHub 上发布了自己的开源项目,有辛苦开发的实用工具.构思巧妙的开源库.别具一格的 App.精心整理的示例代码等等. 自己花了大把时间和精力构建的项目,当然是希望能够得到更多人的关注 ...

  2. 【Git】GitHub同名项目实现丰富多彩的README.md

    文章目录 导读 徽章图片 Emoji 数据统计 贪吃蛇 导读 README.md作为Markdown文件,GitHub支持了Markdown的基本语法,但不支持CSDN提供的强大的公式编辑$$功能以及 ...

  3. Github美化 添加徽章

    Github美化 添加徽章 0. 前言 1. 准备 2. 开始 a. 打开shields.io b.制作静态徽章 c.制作动态徽章 d. 结果 3.额外 a. 统计卡 b. 统计访问量 c. 表情 0 ...

  4. 如何使用github托管项目---快速入门(菜鸟教程)

    1.首先创建你自己的github账号,一般使用邮箱注册 官网网址是:https://github.com 这里直接创建并登进去选择你的plan,完善部分信息即可. 2.完成注册,登录进去新建一个项目: ...

  5. 2017年度盘点:15个最流行的GitHub机器学习项目 By 机器之心2017年12月21日 15:23 在本文中,作者列出了 2017 年 GitHub 平台上最为热门的知识库,囊括了数据科学、机

    2017年度盘点:15个最流行的GitHub机器学习项目 By 机器之心2017年12月21日 15:23 在本文中,作者列出了 2017 年 GitHub 平台上最为热门的知识库,囊括了数据科学.机 ...

  6. 从本地上传项目到 github 以及从github 下载项目到本地环境

    前置条件:成功安装github,安装成功后,要配置密钥,不然上传不成功,要报错 具体上传步骤: git init   //初始化 git add  文件名  //更新文件 git commit -m ...

  7. 详细介绍如何在win7下首次实现通过Git bash向Github提交项目

    详细介绍如何在win7下首次实现通过Git bash向Github提交项目 引自:http://jingpin.jikexueyuan.com/article/35944.html 作者: wddoe ...

  8. github开源项目免费使用Azure PipeLine

    微软收购Github后,很多人猜想微软可能会砍掉VSTS,然而事实VSTS并没有砍掉,关于Azure Devops的详细信息可以查看 这篇博客,如果想查看原文也可以从链接里提供的原始地址里查看. 今天 ...

  9. [Android开源项目] GitHub开源项目总结 (转)

    [Android开源项目] GitHub开源项目总结 GitHub开源项目android-styled-dialogs http://neast.cn/forum.php?mod=viewthread ...

最新文章

  1. 皮一皮:这是直男的鬼才逻辑?
  2. 人脸识别之insightface开源代码使用:训练、验证、测试(4)
  3. java key值_java-必须为此操作提供PartitionKey值
  4. 除零中断是什么意思?_百万并发「零拷贝」技术系列之初探门径
  5. 搭建Apache Mina框架并实现Server与Client端的简单消息传递
  6. 2020“家”经济时代开启——中国到家服务行业研究报告
  7. java中fitlter,068.Python框架Django之DRF视图集使用
  8. matlab 中for 的控制表达式用数组,循环指数可以为向量
  9. 微信小程序开发——将自己的图片变成网络图片/图片链接生成
  10. java math 三角函数_Java中的三角函数
  11. 增量关联规则挖掘—FUP算法
  12. 快速养成一个好习惯?特别是小孩,培养一个习惯需要多长时间
  13. vue中使用video标签插入视频并自动播放
  14. 机器视觉入门资料大全,工业机器人“眼睛”
  15. 收集了一些Weblogic监控工具
  16. 皇后问题,8皇后、n皇后、2n皇后
  17. html文件导入excel 出现乱码,win7系统txt导入excel出现中文乱码的解决方法
  18. mysql连接字符乱码_MySQL 字符集导致SQL连接之后中文乱码的问题!
  19. 【vijos1543/luogu1936】极值问题/水晶灯火灵 - 数论
  20. MYSQL圆角矩形表示_android 利用Bitmap获取圆角矩形、圆形图片

热门文章

  1. 如何搭建一个拖垮公司的技术架构?
  2. 骚操作:不重启 JVM,如何替换掉已经加载的类?
  3. 提升职场价值,把握成长方向
  4. 代码改变世界,这 72 张面孔牛逼了!!!
  5. 生态伙伴 | 股书入驻飞书,提供一站式股权激励方案设计及管理服务
  6. ROS之自定义msg
  7. js空对象undefined测试
  8. 找出数组中重复的数字---多思路
  9. 市场营销学python有用吗_1、熟悉Python编辑、开发和运行环境。
  10. python文本数据处理_从 App 描述介绍文字中发掘 Python 文本数据预处理实例