CircleCIのビルドバッジってデフォルトだとオレオレで他のバッジと統一感がないんですよね。まあ、ほかのCIサービスもサービスによってバッジがバラバラですけど。

デフォルトのバッジは以下のようなものです。

こいつを下記のような表示にしたい。

いろいろ調べるまでもなく公式のドキュメントに書いてあった

やり方


まず、APIトークンを作成する必要がある。「ええっ!マジですか…バッジとか人が見えるとこに貼るのに、トークン見えちゃっていいの…?」ってなるんですけど、ステータス表示のみの権限のトークンを使えばよろしいです。ちなみに、デフォルトのバッジはトークン作成しなくても表示できます。

では、トークン作成しましょうか。

1. プロジェクトで歯車を選択する

2. API Permissionsを選択する

3. トークン作成する

Statusを選んで、名前はテキトー

4. 出来上がったトークンを控える

5. マークダウンなりHTMLで書いて貼り付ける

Markdownなら下記のような感じ

1
2
3
4
![](https://circleci.com/gh/ユーザー/リポジトリ/tree/ブランチ.svg?style=shield&circle-token=作成したトークン)

//具体的には下のようになる
![](https://circleci.com/gh/YoshinoriN/docker-redmine-orchestration/tree/master.svg?style=shield&circle-token=e925c3a7ecef92d882d354a82464d4b7e309c004)

以上。簡単ですな。