この記事は1387文字4で読めます

GitHubのfeatureであるGitHub ProfileにREADMEをつける機能を使って、自分のGitHub Profileを充実させましょう。

#Table of Contents

#なんだこれ!?

https://dev.to/を見ると面白い記事がありました。

Design GitHub profile using README.md

dev.toのGitHub Profile READMEに関する記事のサムネイル

GitHub ProfileにGitHub README.mdをつけられるらしいです。ちなみに、GitHubといえばArctic Code Vault Contributorになったらしいという面白い話もあるのでぜひご覧ください。

#作り方

作り方はとっても簡単で、自分のユーザー名と同じレポジトリを作り、README.mdを編集するだけです。

私の場合、GitHubに毎日草を生やし続けているGitHubのユーザー名はtubone24なのでtubone24/tubone24というレポジトリを作ります。

ユーザー名と同じリポジトリを作成するとspecial repositoryと表示される画面

このような形で、ユーザー名のレポジトリはspecial repositoryと書いてありますね。

あとはGitHubのREADMEを編集するようにMarkdownを書いていくだけです。

GitHub Profile READMEのMarkdown編集画面

ちなみに、GitHubの普通のレポジトリのREADME.mdだと、レポジトリ内ファイルの相対関係でリンクや画像を指定できますが、それをすると残念ながら、GitHub Profile上で表示すると変な画像リンクに置き換わってしまいます。

相対パスで指定した画像がProfile上で壊れて表示される例

画像の場合はraw.githubusercontent.comを使うことで解決します。


<p align='center'>
<a href="https://twitter.com/meitante1conan"><img height="30" src="https://raw.githubusercontent.com/tubone24/tubone24/master/twitter.png"></a>&nbsp;&nbsp;
<a href="https://soundcloud.com/user-453736300"><img height="30" src="https://raw.githubusercontent.com/tubone24/tubone24/master/soundcloud.png"></a>&nbsp;&nbsp;
<a href="https://www.slideshare.net/tubone24"><img height="30" src="https://raw.githubusercontent.com/tubone24/tubone24/master/share.png"></a>&nbsp;&nbsp;
<a href="https://500px.com/tubone24"><img height="30" src="https://raw.githubusercontent.com/tubone24/tubone24/master/photography.png"></a>&nbsp;&nbsp;
<a href="https://tubone-project24.xyz"><img height="30" src="https://raw.githubusercontent.com/tubone24/tubone24/master/blog.png"></a>&nbsp;&nbsp;
<a href="https://tubone24.github.io/resume/"><img height="30" src="https://raw.githubusercontent.com/tubone24/tubone24/master/resume.png"></a>&nbsp;&nbsp;
</p>

#出来上がった

いい感じ!

完成したGitHub Profileページの表示例

tubone24にラーメンを食べさせよう!

ぽちっとな↓

Buy me a ramen