はじまり
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_016.png)
今回は、GitHubをゴジャースにしちゃおうっていう回だね!
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
ドジャースみたいだな。ゴージャスね。
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_016.png)
では、以下で紹介になります!
レッツ、サービス!!
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
ボーボボか? まてまて!
出来上がりの想定
今回の設定でこんなのが出来上がります。一気に彩り豊かになりました。(数値が弱そうですが、それでも彩り良くしてみたかったんです!!)
![](https://www.endorphinbath.com/wp-content/uploads/2021/11/20211218_01-1024x505.jpg)
設定の流れ:「github-readme-stats」
まず、「github-readme-stats」のリポジトリに飛んでみましょう。
そこにあるMarkdownを自分のusernameを入れて、自分のプロフィールページのREADME.mdに打ち込めば、動くかと思います。僕は、「GitHub Stats Card」と「Top Languages Card」を設定しました。
ここまでは普通に動くと思います。
しかし、横並びになりません。Markdownだと出来ないのかな?
そう思ったら、どうやら公式ページ曰く、HTMLを上手く打ち込めば横並びに表示できるそうなのです・・・。(これを見るまで、MarkdownにHTMLを打ち込めることを知らなかった・・・(笑))
この「github-readme-stats」の公式ページにはこんな記述があるかと思います。(2021/11/24時点)
<a href="https://github.com/anuraghazra/github-readme-stats">
<img align="center" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats" />
</a>
<a href="https://github.com/anuraghazra/github-readme-stats">
<img align="center" src="https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=convoychat" />
</a>
これを打ち込んで、自分のプロフィール画面を見てみると・・・。
動きません(笑)
なんでかなーと思って、色々webサーフィンしたり試してみると、どうやら、github-readme-stats.vercel.app/api/pin/?username
の/pin
の部分が要らないようなのです。(おいおい、公式だろ?とは思いましたが、まあそんなこともありますよね。)
それから、/pin
の部分を直して、layoutやthemeを公式ページのカタログを見ながら設定して、まあ落ち着きました。themeはtoyonightが最もしっくり来ました。上の方です。
![](https://www.endorphinbath.com/wp-content/uploads/2021/11/20211218_01-1024x505.jpg)
設定の流れ:「github-profile-trophy」
次に、「github-profile-trophy」でトロフィーの表示を設定しましょう。
こちらもそんなに難しくなく、theme選びに迷いました。
ステータスカードと同様にtokyonightで揃えたかったのですが、トロフィーの方はだいぶ配色が異なっていて、tokyonightだと白基調になってしまうのです! なんてこった!
なので結局、トロフィーのthemeはDraculaに収まりました。下の方です。
![](https://www.endorphinbath.com/wp-content/uploads/2021/11/20211218_01-1024x505.jpg)
結局のREADME.mdのソース
以下が、結局のところのREADME.mdのソースコードになります。ああ、一番上にあるデフォルトのプロフィール記述が懐かしい・・・(笑)
ちょっと余白がある方が好きなので、pタグで囲いました。
<!-- - 👋 Hi, I’m @Landmaster135
- 👀 I’m interested in ...
- 🌱 I’m currently learning ...
- 💞️ I’m looking to collaborate on ...
- 📫 How to reach me ... -->
<!---
Landmaster135/Landmaster135 is a ✨ special ✨ repository because its `README.md` (this file) appears on your GitHub profile.
You can click the Preview link to take a look at your changes.
--->
<p align="left">
<a href="https://github.com/anuraghazra/github-readme-stats">
<img height="170.2em" alt="Landmaster135's GitHub stats" src="https://github-readme-stats.vercel.app/api/?username=Landmaster135&theme=tokyonight&show_icons=true" />
</a>
<a href="https://github.com/anuraghazra/github-readme-stats">
<img height="170.2em" alt="Top Langs" src="https://github-readme-stats.vercel.app/api/top-langs/?username=Landmaster135&layout=compact&theme=tokyonight" />
</a>
</p>
<p>
<a href="https://github.com/ryo-ma/github-profile-trophy">
<img alt="Trophy" src="https://github-profile-trophy.vercel.app/?username=Landmaster135&theme=dracula&column=7" />
</a>
</p>
<!-- [![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=Landmaster135&layout=compact&theme=tokyonight)
](https://github.com/anuraghazra/github-readme-stats)
[![Landmaster135's GitHub stats](https://github-readme-stats.vercel.app/api?username=Landmaster135&theme=tokyonight&show_icons=true)](https://github.com/anuraghazra/github-readme-stats) -->
<!-- [![trophy](https://github-profile-trophy.vercel.app/?username=Landmaster135&theme=onedark&column=7
)](https://github.com/ryo-ma/github-profile-trophy) -->
おしまい
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
今回はこんな感じだな。
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_001-1.png)
ほぉ~、結局、青と赤が多めな見た目に落ち着いたわけだね。
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
青と赤を使ったデザインが好きなんだよね。だから、イメージカラーが青と赤である、僕とリサちゃんの会話を基準にこのブログを書いているわけだよね!
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_017.png)
あー、じゃああのペンギンはいない方が良い・・・?
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
おい! 今、てめえは言ってはならんことを言ったな!!?
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
この!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
じゃあ、俺がたくさん!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
出てきてやるよ!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
とりゃっ!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
多重!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
影分身の
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
術~~~~!!!!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
術~~~~!!!!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
ニンニン! ってばよ! ってばよ!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
ほいさっ!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
おい、大丈夫か? 相棒・・・
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
うん、へっちゃらだよ! もうひとりのぼくぅっ!!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
ブラックマジシャンガール! 召喚!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
滅びのバーストストリイイイイイイムウウウゥゥゥ!!!!!
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_004-1.jpg)
ぐあああああぁぁぁぁ!!!!! テレレレレレレレ レッ!
![135ml](https://www.endorphinbath.com/wp-content/uploads/2021/10/01_kinkinbeer135ml_001-2.jpg)
うおお・・・俺たちはものすごい逆鱗に触れてしまったようだ・・・
![リサちゃん](https://www.endorphinbath.com/wp-content/uploads/2021/10/02_nayutarisa_005.png)
とりあえず、終いにしとくか・・・
![ペンギン](https://www.endorphinbath.com/wp-content/uploads/2021/10/03_penguinbeer135ml_001-1.jpg)
レボリューーーーーション!!!!!!!!
以上になります!
コメント