GitHubのプロフィールをアップデート
GitHubのプロフィールアップデートしてみました。参考にしたサイトは以下です。
GitHub Readme Stats を利用してGitHubプロフィールをカッコよくする #GitHub - Qiita
GitHubのプロフィール機能 🎉🎉 #GitHub - Qiita
書いてあることをほとんどそのままやっただけなのですが、簡単に結果とやり方をメモがわりに紹介します。
GitHubって何?という方は、以下の記事を参照ください。
GitHubのプロフィールアップデート内容
最初にどのようにプロフィールが変わったのかを、アップデート前後でスクリーンショットで紹介しておきます。
アップデート前
アップデート後
右上側にある、GitHub StatsやMost Used Languagesといった統計情報がアップデート内容です。
GitHub Readme Statsを利用することで実現しています。
GitHubプロフィールアップデート方法
方法は簡単です。最初に、自分のアカウント名と同じ名前のリポジトリを作成します。自分の場合はkaraage0703です。
リポジトリを作ろうとすると、以下のように「You found a secret!(お前は秘密を見つけたな!)」という表示がされます。
アカウント名と同じ名前のリポジトリを作成されると、このリポジトリのREADMEの内容が、GitHubのプロフィールページに表示されるようになります。
後は、README.mdにGitHub Readme Statsのテンプレートを入力するだけです。私の場合のコードは以下の通りです。
<a href="https://github.com/anuraghazra/github-readme-stats"> <img align="left" src="https://github-readme-stats.vercel.app/api?username=karaage0703&count_private=true&show_icons=true" /> </a> <a href="https://github.com/anuraghazra/github-readme-stats"> <img align="left" src="https://github-readme-stats.vercel.app/api/top-langs/?username=karaage0703" /> </a>
karaage0703
のところを、ご自身のアカウント名に変更するだけで統計情報が表示されます。
トロフィーやQiitaやZennのコントリビューション数を表示する方法
以下のように全部もりもりにした情報を表示する方法です。
以下のサイトを参考にしてコピペすれば表示できます。やり過ぎると下品かもですが、私は下品なまま表示してます(笑)
さらにゴテゴテしたい方は、以下も追加してみましょう(笑)
まとめ
GitHubのプロフィールに統計情報を表示していい感じにアップデートする方法を紹介しました。
GitHubのプロフィールが手軽に変更できるのはありがたいですね。今後も、色々アップデートしていこうかなと思います。
私のGitHubのアカウントは以下です。大半はちょっとした自分専用のツールですが、たまに役に立つソフトを公開していたりしますので、興味ある方はフォローしてみてください。
参考リンク
GitHubプロフィールをイケイケにする🏆トロフィー(活動実績)が表示できるサービスを開発した話 #JavaScript - Qiita
GitHubのプロフをつよつよにみせる #Git - Qiita
関連記事
変更履歴
- 2023/10/17 参考リンク追記
- 2021/08/01 プロフィールにトロフィー・Qiita/Zennのコントリビューションを表示する方法を追記