GitHubのプロフィールページをデコる方法

2 min読了の目安(約1900字IDEAアイデア記事

このページは?

こんな感じのリッチなGitHub Profileを作成したい人向け。
dev.toのエンジニアたちが遊んでて楽しそうだったので、自分もやってみました🚀

参考: https://dev.to/m0nica/how-to-create-a-github-profile-readme-1paj

どうやるのか

  1. 自分のGitHubユーザーネームと同じ名前のレポジトリを作成
    github bio
    自分のユーザーIDと同じ名前のレポジトリを作成する

  2. レポジトリ配下にREADME.mdを置く

  3. 作成したREADME.mdがTopで表示されるようになる

デコる方法

1.カウンターを表示したい

  1. profile-counter
    Visitor Count

    ![Visitor Count](https://profile-counter.glitch.me/{githubのユーザーネーム}/count.svg)
    
    • 昔懐かしのHPにあるっぽいやつ
  2. github-profile-views-counter
    Visitor Count

    ![Visitor Count](https://komarev.com/ghpvc/?username={githubのユーザーネーム}&color={色指定})
    

2.GitHubのステータスを表示したい

以下のような方法がある

  1. github-readme-stats
    github-readme-stats

  2. profile-summary-card-output
    profile-summary-card-output

3.技術スタックのバッジを表示したい


こんな感じのやつ

  1. shields.io
    • https://shields.io/
    • 言語のアイコンをここからsvgで取得して、README.mdに記載すればOK

参考になるページ

秀逸なGithub Profileがまとめられたレポジトリ

How To Create A GitHub Profile README

注意点

  • 自分の観測範囲では、本当に強いエンジニアはあまりデコってないです(たぶんそんな時間があったらコード書いてます)
  • デコる は死語です