Open6

GitHubの (プロフィール・リポジトリ) READMEをいい感じに出来るサービスを集める

ピン留めされたアイテム

なにこれ

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のカウント)

が利用可能

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

GitHubのREADME以外からは利用出来なくなっています

使い方

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)
ログインするとコメントできます