Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yangwenmai/how-to-add-badge-in-github-readme

How to add badge (eg: Travis-CI & GoReportCard & Coveralls & Codecov ) in Github README.
https://github.com/yangwenmai/how-to-add-badge-in-github-readme

badge codecov codecov-badge coverage-status coveralls github go golang goreportcard how-to-add-badge-in-github-readme readme report-card stargazer status-badge travis-ci

Last synced: about 1 month ago
JSON representation

How to add badge (eg: Travis-CI & GoReportCard & Coveralls & Codecov ) in Github README.

Awesome Lists containing this project

README

        

# 如何在 README 里面添加徽章 (Travis-CI & GoReportCard & Coveralls ...)
[![Build Status](https://travis-ci.org/yangwenmai/how-to-add-badge-in-github-readme.svg?branch=master)](https://travis-ci.org/yangwenmai/how-to-add-badge-in-github-readme)
[![Go Report Card](https://goreportcard.com/badge/github.com/yangwenmai/how-to-add-badge-in-github-readme)](https://goreportcard.com/report/github.com/yangwenmai/how-to-add-badge-in-github-readme)
[![Documentation](https://godoc.org/github.com/yangwenmai/how-to-add-badge-in-github-readme?status.svg)](http://godoc.org/github.com/yangwenmai/how-to-add-badge-in-github-readme)
[![Coverage Status](https://coveralls.io/repos/github/yangwenmai/how-to-add-badge-in-github-readme/badge.svg?branch=master)](https://coveralls.io/github/yangwenmai/how-to-add-badge-in-github-readme?branch=master)
[![GitHub issues](https://img.shields.io/github/issues/yangwenmai/how-to-add-badge-in-github-readme.svg)](https://github.com/yangwenmai/how-to-add-badge-in-github-readme/issues)
[![license](https://img.shields.io/github/license/yangwenmai/how-to-add-badge-in-github-readme.svg?maxAge=2592000)](https://github.com/yangwenmai/how-to-add-badge-in-github-readme/LICENSE)
[![Release](https://img.shields.io/github/release/yangwenmai/how-to-add-badge-in-github-readme.svg?label=Release)](https://github.com/yangwenmai/how-to-add-badge-in-github-readme/releases)

作为一个 Golang 开发者,应该都知道 TiDB 吧,如果你不知道,那我只能说赶紧去了解了解吧。

在 TiDB README 上大家应该都能看到这些徽章:

[![Build Status](https://travis-ci.org/pingcap/tidb.svg?branch=master)](https://travis-ci.org/pingcap/tidb)
[![Go Report Card](https://goreportcard.com/badge/github.com/pingcap/tidb)](https://goreportcard.com/report/github.com/pingcap/tidb)
![Project Status](https://img.shields.io/badge/status-rc-yellow.svg)
[![CircleCI Status](https://circleci.com/gh/pingcap/tidb.svg?style=shield)](https://circleci.com/gh/pingcap/tidb)
[![Coverage Status](https://coveralls.io/repos/github/pingcap/tidb/badge.svg?branch=master)](https://coveralls.io/github/pingcap/tidb?branch=master)

你是不是也很想在你的 Github 项目上也加上呢?你会觉得难吗?

我今天就是来告诉大家怎么做的,希望能帮助到你。

徽章在 Github 上配置起来非常简单,但是有可能你是基于 Gitlab 的私有仓库,那[这篇文章](./docs/how_to_use_gitlab_ci.md)可能会对你有帮助。

废话不多说,我先来简单介绍一下这3个徽章是什么。

## Stargazers over time

[![Stargazers over time](https://starcharts.herokuapp.com/yangwenmai/how-to-add-badge-in-github-readme.svg)](https://starcharts.herokuapp.com/yangwenmai/how-to-add-badge-in-github-readme)

## Travis-CI 是什么?

[Travis-CI](https://travis-ci.org) 是国外的开源持续集成构建项目,支持 Github 项目,通过 yml 配置来驱动执行相对应的持续集成脚本。对于 Github 的项目支持起来非常简单,开通 Travis 后只需要你在自己的项目根目录下增加`.travis.yml`就好了。

## GoReportCard 是什么?

[GoReportCard](https://goreportcard.com/) 是一个可视化展示 Go 语言项目的检测报告服务。

## Coveralls 是什么?

[Coveralls](https://coveralls.io) 是一个自动化测试覆盖率的服务,它能提供代码覆盖率并且给以友好的展现。

----

# 添加Build Status

这里用到的就是Travis-CI。

### 开通Travis

打开 travis 官网:https://travis-ci.org/

![travis-ci 官网首页截屏](./docs/travis-ci-index.png)

使用github账号授权登录。

添加项目,这里使用我的 Golang 示例项目。

![项目选择](./docs/travis-ci-step.png)

整个 ci 的过程有以下几步:
1. 在 travis-ci 你的 profile 页面,勾选上你要持续集成的项目
2. 在你的 Github 项目根目录下添加`.travis.yml`,Travis-CI会按照`.travis.yml`里的内容进行构建
3. 提交`.travis.yml`到 Github,自动触发持续集成,
4. 你可以到[travis-ci-status](https://travis-ci.org/yangwenmai/how-to-add-badge-in-github-readme) 查看结果

下面给一个我的`.travis.yml`例子:

```yaml
language: go # 声明构建语言环境
sudo: false # 开启基于容器的Travis CI任务,让编译效率更高。

notifications: # 每次构建的时候是否通知,如果不想收到通知,那就设置false吧(email: false,也可以是Slack)
email:
recipients:
- [email protected]
slack: xxxx:xxxxxxxxxx
on_success: change
on_failure: always

go:
- 1.9.2

install: #依赖安装
- go get github.com/go-playground/overalls #overalls能够支持到各级子目录
- go get github.com/mattn/goveralls #goveralls是coveralls对golang的测试覆盖率支持命令
- go get github.com/smartystreets/goconvey#很好用的测试工具
- mkdir -p $GOPATH/src/github.com/yangwenmai
- cd $GOPATH/src/github.com/yangwenmai/how-to-add-badge-in-github-readme

script: # 集成脚本
- overalls -project=github.com/yangwenmai/how-to-add-badge-in-github-readme -covermode=count -ignore='.git,_vendor'
- goveralls -coverprofile=overalls.coverprofile -service=travis-ci -repotoken $COVERALLS_TOKEN
- go test -race -coverprofile=coverage.txt -covermode=atomic # 注意要添加这一行,否则不会出现 codecov bot
- go test ./...

after_success:
- bash <(curl -s https://codecov.io/bash)

env: #env环境变量设置,travis提供的repo_token安全方式
global:
secure: "xxxx"
```

更多配置,可以参考:https://docs.travis-ci.com/user/customizing-the-build/

# 添加Go Report Card

1. 打开 https://goreportcard.com/
2. 在输入框内输入你要检测的 Github 项目地址
3. 点击 Generate Report
4. 然后会跳到 https://goreportcard.com/report/github.com/golang/go
5. 你可以查看检测报告,与此同时,你可以点击右上角的 go report| C
6. 复制弹框中的 Markdown 格式
7. 将第 6 步中的内容粘贴到你的项目 README 中,push 到 Github,刷新即可看到你 Go 项目的检测报告了。

# 添加Coverage Status

### 开通Coveralls

![Coveralls官网截图](./docs/coveralls-index.png)

#### 授权登录

在[Coveralls](https://coveralls.io)官方网站使用github账号登录授权。

#### 添加项目

![add repo截图](./docs/coveralls-add-repo.png)
![add repo截图](./docs/coveralls-add-repos.png)

#### 查看repo_token

![repo_token截图](./docs/coveralls-repo-token.png)

repo_token涉及安全不应该提交到`.travis.yml`,coveralls提供了非对称加密repo_token的方法。

对于密码等敏感信息,Travis CI提供了2种解决方案:

- 对密码等敏感信息进行加密,然后再构建环境时解密。
- 在Travis CI控制台设置环境变量,然后使用System.getenv()获取值。

![配置环境变量](./docs/travis-ci-env-params-setting.png)

对于文件加密,Travis CI提供了一个基于ruby的CLI命令行工具,可以直接使用gem安装:

`gem install travis`

注意:gem安装依赖于ruby以及ruby版本。
还有众所周知的原因,你最好切换一个gem源。

`gem sources -l #查看gem源`

对你的token加密:

`travis encrypt COVERALLS_TOKEN=your_token`

将得到的值填写到`.travis.yml`的 secure 中即可。

# 添加 Codecov

[Codecov](http://codecov.io/) 的功能:

**加强开发工作流程,提高代码质量**。

- 一行脚本即可上传报告,非常简单。

```yaml
# .travis.yml

after_success:
- bash <(curl -s https://codecov.io/bash)
```

- 报告合并,完美无缺。
- 审核报告,无缝连接。
- 从现在开始覆盖你的代码,免费。
- 全世界有上百万开发者用 Codecov 覆盖他们的代码。

给大家看一些截图:

![codecov](./docs/codecov-01.png)
![codecov](./docs/codecov-02.png)
![codecov](./docs/codecov-03.png)

大家如果仔细看的话,应该会发现机器人名称是coveralls,而不是 codecov ,这是为什么呢?

那是因为我们在 `.travis.yml` 里面没有加下面这行脚本。

`- go test -race -coverprofile=coverage.txt -covermode=atomic`

![codecov](./docs/codecov-04.png)

## 最后:如何在自己的项目中显示Status Image?

操作起来很简单,只需要在你的 README.md 中增加 badge 链接即可。

travis页面复制图标标签
![coveralls](./docs/travis-build-status-badge.png)

coveralls复制图标标签
![coveralls](./docs/coveralls-status-badge.png)

然后将代码全部提交到 Github,你就可以看到 build status 和 coveralls 了。

# 参考资料

1. https://github.com/pingcap/tidb
2. https://github.com/nukc/how-to-use-travis-ci
3. https://www.jerrylou.me/工具/howto-github-travisci-coveralls-20170120.html

# 赞助我

![微信支付](./docs/wxpay.jpg)