なにこれ

GitHubのプロフィールやリポジトリREADMEをいい感じに出来るサービスを集めていく場所にしたいと思います (恐らくZennにも使えるものがあるかと)
ほかの人のREADMEを見て、どうやって実現しているんだろう…と思うこともあったので、実現出来ることと使い方が一か所に集まるスクラップにしたいです。

github-readme-stats

実現出来ること

• GitHub Stats Card (GitHubの活動状況)
• GitHub Extra Pins (任意のリポジトリをピン留め)
• Top Languages Card (使用言語の比率Top5)

が利用可能

パラメータで細かな設定が可能で、視覚的にGitHubの利用状況を表示出来る。
日本語ドキュメント が充実しているので、カスタマイズも簡単。

使い方

GitHub Stats Card

![](https://github-readme-stats.vercel.app/api?username={GitHubユーザ名})

GitHub Extra Pins

![](https://github-readme-stats.vercel.app/api/pin/?username={GitHubユーザ名}&repo={リポジトリ名})

Top Languages Card

![](https://github-readme-stats.vercel.app/api/top-langs/?username={GitHubユーザ名})

デモ・カスタマイズ例

![](https://github-readme-stats.vercel.app/api?username=nekocodeX&count_private=true&show_icons=true&title_color=FFF&text_color=FFF&icon_color=FFF&bg_color=45,B621FE,1FD1F9&hide_border=true)

![](https://github-readme-stats.vercel.app/api/top-langs/?username=nekocodeX&layout=compact&title_color=FFF&text_color=FFF&bg_color=45,1FD1F9,B621FE&hide_border=true)

Grass-Graph

実現出来ること

• GitHub contributions graph (GitHub以外にも草を生やせる)

が利用可能

公式サイト を利用すると、簡単に画像URLを生成出来る。

使い方

GitHub contributions graph

![](https://grass-graph.moshimo.works/images/{GitHubユーザ名}.png)

デモ

![](https://grass-graph.moshimo.works/images/nekocodeX.png)

shields.io

実現出来ること

• いろんなバッジを生成

が利用可能

かなり有名どころで、様々なREADMEに使用されている。

使い方

いろんなバッジを生成

あまりに高機能なので、shields.io を見てください。

デモ

![](https://img.shields.io/badge/GitHub-Demo-lightgray.svg?style=flat-square&logo=github)

vistr.dev

実現出来ること

• Visitor counter (PVのカウント)

が利用可能

類似サービスはいくつか存在するが、パラメータで細かな設定が可能な部分が他と違う。

使い方

Visitor counter

![](https://vistr.dev/badge?repo={GitHubユーザ名}.{リポジトリ名})

デモ

![](https://vistr.dev/badge?repo=nekocodeX.nekocodeX&text=Visitors&corners=square)

Zenn.badge

実現出来ること

• Likes
• Articles
• Followers
• Books
• Scraps

が利用可能

Zennのスコアをバッジとして生成出来る。

使い方

Likes

![](https://zenn-badge.herokuapp.com/s/{Zennユーザ名}/likes?style=plastic)

Articles

![](https://zenn-badge.herokuapp.com/s/{Zennユーザ名}/articles?style=plastic)

Followers

![](https://zenn-badge.herokuapp.com/s/{Zennユーザ名}/followers?style=plastic)

Books

![](https://zenn-badge.herokuapp.com/s/{Zennユーザ名}/books?style=plastic)

Scraps

![](https://zenn-badge.herokuapp.com/s/{Zennユーザ名}/scraps?style=plastic)

デモ

![](https://zenn-badge.herokuapp.com/s/nekocodex/likes?style=flat-square)