【GitHub Readme Stats】プライベートリポジトリもグラフに反映させる

# はじめに
[GitHub Readme Stats](https://github.com/anuraghazra/github-readme-stats)はGitHubのプロフィールをかっこよくするOSSです。
通常の方法ではプライベートリポジトリの情報は含まれません。
でも！プライベートリポジトリで頑張った結果も反映させたい！！と思いますよね

今回はGitHub Readme Statsにプライベートリポジトリの結果も反映させる方法を紹介します。

<img alt="Top Langs" width="44.5%" src="https://github-readme-stats-vercel-wea9.vercel.app/api/top-langs/?username=SNQ-2001&layout=compact&show_icons=true&theme=dracula" />
<img alt="github stats" width="53.3%" src="https://github-readme-stats-vercel-wea9.vercel.app/api?username=SNQ-2001&theme=dracula&show_icons=ture&count_private=true" />

https://github.com/anuraghazra/github-readme-stats

# READMEにも書いてある！
ここ見てわかる方はやってみてください！
ただ、画像が古いのかUIがかなり変わっているので正直めっちゃわかりにくいです。

https://github.com/anuraghazra/github-readme-stats#deploy-on-your-own-vercel-instance

# やりかた
[ここ](https://github.com/anuraghazra/github-readme-stats#deploy-on-your-own-vercel-instance)の「Deploy」を押します。
![スクリーンショット 2022-10-25 18.01.37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/21ce3d9c-b65f-21c0-94ca-0754e5e7e947.png)

「Continue with GitHub」を選択してアカウントにログインします。
![スクリーンショット 2022-10-25 18.12.05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/52ae2f68-e737-f805-d454-b073f6f5cfdc.png)

ここでログインします。
![スクリーンショット 2022-10-25 18.17.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/9c9ea0d6-f298-3f2d-ec74-27711c69f8a4.png)

「Create Git Respository」の「GitHub」を選択します。
![スクリーンショット 2022-10-25 18.18.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/4968ebf9-67e8-7d2c-614f-cdcd03ef7a2f.png)

「REPOSITORY NAME」はなんでもいいです。
今回は`gitHub-readme-stats-clone`にしました。
入力できたら「Create」を選択します。
のちほどこの画面から再開するので閉じないようにしましょう
![スクリーンショット 2022-10-25 18.20.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/c8ae5678-998d-eb18-19f8-f242e4d4954b.png)

先ほど作成したリポジトリの`vercel.json`を選択します
![スクリーンショット 2022-10-25 18.52.11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/8116c49f-8809-558f-44ff-ad9065b3a1a3.png)
鉛筆マークを押します
![スクリーンショット 2022-10-25 18.53.59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/dc84e043-3ca6-02be-89c3-f2db5467c857.png)
`maxDuration`の値を`30`から`10`に変更します
![スクリーンショット 2022-10-25 18.55.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/2715c529-37f1-4c54-4f3b-5d635e90e520.png)
「Commit changes」を選択します
![スクリーンショット 2022-10-25 18.56.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/591d7f28-2438-b07c-cbcf-220bba62b086.png)

「Import a different Git Repository」を選択します
![スクリーンショット 2022-10-25 18.31.08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/4d3eee52-ca92-0af0-fecd-9569615a7d05.png)

「Continue with GitHub」を選択します
![スクリーンショット 2022-10-25 18.34.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/72e7224e-350e-f776-3c32-dc087e8292f6.png)

先ほど作成したリポジトリの「Import」を選択します
![スクリーンショット 2022-10-25 18.35.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/3f780b29-c3fc-8fd2-3f93-0af8b834d2ac.png)

① 「NAME」に`PAT_1`を入力します
② 「VALUE (WILL BE ENCRYPTED)」にGitHubトークンを入力します。
③ 「Add」を選択します
![スクリーンショット 2022-10-25 18.46.39.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/b41a32e2-3a87-f33c-9640-8c33fb50476b.png)

「Deploy」を選択します
![スクリーンショット 2022-10-25 18.49.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/c08005e0-4724-8b2c-19be-414708e3a0b0.png)

Deployが開始します
![スクリーンショット 2022-10-25 19.03.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/bcdd6c13-2ebe-4488-06be-d6010adcef0d.png)

「Add Domain」を選択します
![スクリーンショット 2022-10-25 19.04.14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/de249f92-4310-8201-c6c2-4f6798d90afc.png)

赤枠内がドメインになります
![スクリーンショット 2022-10-25 19.05.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1745371/dff549f0-2bba-306b-41b2-04f4b80e6e1a.png)

こんなイメージです。
```
https://github-readme-stats-clone-snq2001.vercel.app
```

これで完成です。

# 使い方
![github-readme-stats](https://github-readme-stats-clone-snq2001.vercel.app/api/?username=SNQ-2001)
```
![github-readme-stats](https://github-readme-stats-clone-snq2001.vercel.app/api/?username=SNQ-2001)
```

![github-readme-stats](https://github-readme-stats-clone-snq2001.vercel.app/api/top-langs/?username=SNQ-2001)
```
![github-readme-stats](https://github-readme-stats-clone-snq2001.vercel.app/api/top-langs/?username=SNQ-2001)
```

カスタム方法はかなりあるので公式のREADMEをみてください！

# おわり
プライベートリポジトリでの活動も反映された！