常用的 Badge

在开源项目的 Readme 中添加 Badge 已经成为了一种浪漫。这里列举一些个人常用的 Badge,供日后参考。

主要使用的是 shields.io 提供的服务,通过它获得的 Badge 可以定制样式、颜色、图标等。

1. 仓库状态

  • Travis CI

    1
    ![](https://img.shields.io/travis/${USER}/${REPO}.svg?style=flat-square)
  • Coveralls

    1
    ![](https://img.shields.io/coveralls/${VSC_TYPE}/${USER}/${REPO}.svg?style=flat-square)
  • Code Climate maintainability

    1
    ![](https://img.shields.io/codeclimate/maintainability/${USER}/${REPO}.svg?style=flat-square)

2. GitHub

  • GitHub issues

    1
    ![](https://img.shields.io/github/issues-raw/${USER}/${REPO}.svg?style=flat-square)
  • GitHub license

    1
    ![](https://img.shields.io/github/license/${USER}/${REPO}.svg?style=flat-square)
  • GitHub release

    1
    ![](https://img.shields.io/github/${USER}/${REPO}.svg?style=flat-square)
  • Contributions welcome

    1
    ![](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat-square)

3. Npm

  • Npm package vulnerabilities

    1
    ![](https://img.shields.io/snyk/vulnerabilities/npm/${PACKAGE}.svg?style=flat-square)
  • Dependencies

    1
    2
    ![](https://img.shields.io/david/${USER}/${REPO}.svg?style=flat-square)
    ![](https://img.shields.io/david/dev/${USER}/${REPO}.svg?style=flat-square)
  • Npm download

    1
    ![](https://img.shields.io/npm/dt/${PACKAGE}.svg)
  • Npm package version

    1
    ![](https://img.shields.io/npm/v/${PACKAGE}.svg?style=flat-square)