本文编写于 118 天前,最后修改于 67 天前,其中某些信息可能已经过时。

什么是 Badge?

呐,自己看啊。

GitHub 徽章,是用来标识项目情况、功能等信息的标签。
如果你浏览过 GitHub ,那么你一定见过这些。

这些用简短的 SVG 图片就是我们说的 GitHub Badge

获取徽章

有不少的项目都提供了自定义徽章的生成,这里就介绍几个我觉得比较好用的。

GitHub Badges

这貌似是一个比较鲜为人知的项目,不过还是蛮不错的,能自定义颜色和风格(Default/Flat),但只能用于生成表示 Star & Fork 数量的徽章,这个功能很多项目都做不到。

优点:

  • 可以生成 Fork 及 Star 数量的徽章
  • 有两种风格供选择
  • 能自定义背景色和强调色
  • 支持自动生成三种语言的代码(Markdown/html/Haml)
    缺点:
  • 协议头是 http
  • UI 不好看

项目地址:https://github.com/ddavison/github-badges
工具地址:http://githubbadges.com

Shields

这是一个自定义性极强的徽章项目,能够按照自己的喜好自定义徽章样式、内容、颜色,颜色共有 16 种、样式有 7 种供选择。并且有“静态”和“动态”两种徽章类型,静态就是 SVG 图片完全静止,内容颜色永远不会变的徽章;动态就是可以自动获取指定数据源中的数据生成 SVG 图片,支持 json、xml、yaml 三种数据类型。如果不喜欢设计,还有很多现有的徽章支持直接调用。

优点:

  • 自定义性强,有多种颜色、样式供选择
  • 支持自定义 label 和 message
  • 有静态和动态两种选择
    缺点:
  • 只能给出图片 url,不能自动生成代码
  • 动态徽章只能获取给出的 data url 中的数据,不能自动获取仓库信息
  • UI 不好看

项目地址:https://github.com/badges/shields
工具地址:https://shields.io

For the Badge

这是个比较有趣的徽章项目,首先就可以看到它的 UI 设计很棒,并且有各种各样的颜色、文本的徽章,并且有很多都是 Joke 式的文字。不过可惜的是,你只能使用它现有的徽章。

优点:

  • UI 好看 (:з」∠)
  • 支持直接复制 Markdown 和 HTML 两种语言的代码
  • 支持搜索,并且使用流畅
    缺点:
  • 不支持自定义
  • 徽章数量较少
  • 图片较大,不太适合用在较为严肃的 GitHub 项目上

项目地址:https://github.com/BraveUX/for-the-badge
工具地址:https://forthebadge.com/