はじめに
初めまして、Sawawa42です。
就職活動をするにあたって、Githubアカウントを載せてね〜と言われることが多くなってきて、いつまでも寂しいマイページじゃな...と思いGithub Readme Statsできれいにしようと思い立ち、今回備忘録がてら記事を書きました。
やり方
1. vercel.comにログイン
アカウントを作ります。sign up押して、利用用途聞かれるのでとりあえずHobbyを選び、名前を入力してcontinue。
Githubアカウントで入ります。
2. github-readme-statsをfork
これをforkしてきます。
3. リポジトリをimport
Vercel Dashboardに移動し、Import Projectを選択します。
Installを押します。
自分のやつを選びます。
権限とか確認してInstallを押します。
さっきforkしたやつをImportします。
3. デプロイする
Importボタンを押すとDeployボタンがあるページに飛びます。Environment VariavlesのKeyにPAT_1と入力し、Valueにここで作ったGithubのアクセストークンを入力します。
ちなみに、アクセストークンのScopeはrepoとuserを指定します。
Deployを押します。しばらく待つと、こんなのが表示されます。これが出たらデプロイは完了です。
Dashboardに戻り、DOMAINSと書かれてる場所の文字列をコピーしておきます。
4. README.mdを編集する
これを貼り付けます。github-readme-stats.vercel.appの部分を先程コピーしたDOMAINSに入れ替え、UsernameをGithubの名前にしてください。
<p align="left">
<img alt="Top Langs" height="150px" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Username&layout=compact&show_icons=true&theme=onedark" />
<img alt="github stats" height="150px" src="https://github-readme-stats.vercel.app/api?username=Username&theme=onedark&show_icons=true" />
</p>
結果
Privateリポジトリもちゃんと反映されました！(圧倒的C言語なのは気にしないでください。好きなのはGoなんです...)
まとめ
少しREADME.mdに追加するだけで、中々きれいになって個人的に満足しています。これからもプロフィールをきれいにしていきたいです。
参考