GitHubのプロフィール画面を作成する

目的

GitHubのプロフィール画面を作成する

完成形

今回の記事を進めると、下図のようなプロフィール画面が作成できます。
(表示される内容は ユーザー によって異なります)

プロフィール用のリポジトリを作成

リポジトリを新規作成

リポジトリ名を自分のアカウント名に設定

(やりたい人だけ)リポジトリの説明を設定

公開先を「Public」に設定

GitHubページを見た全員に公開する という設定

「Create Repository」をクリックする

リポジトリを作成

作成結果を確認

自分のGitHubページにアクセスしてプロフィール画面が作成されていることを確認

プロフィール画面を編集する

「Edit README」をクリック

README.md を編集する

編集(コピペでOK, ユーザー名は各自変更してください)

README.md

<a href="https://github.com/anuraghazra/github-readme-stats">
  <img align="left" src="https://github-readme-stats.vercel.app/api?username=hamadayuuki&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=hamadayuuki&langs_count=8" />
</a>

コードの説明

↓(完成形 左側) GitHub へのコミット数やプルリク数を表示

<a href="https://github.com/anuraghazra/github-readme-stats">
  <img align="left" src="https://github-readme-stats.vercel.app/api?username=hamadayuuki&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=hamadayuuki&langs_count=8" />
</a>

(やりたい人だけ)画面下までスクロールして、コミットメッセージを入力
「Commit changes」をクリック

編集結果

参考文献