GitHub Pagesとは
GitHubが提供している、静的Webサイトを無料で公開することができるサービスです。
GitHubのアカウントに紐付けられるユーザーサイトと、GitHubリポジトリに紐付けられるプロジェクトサイトを作成することが可能です。
詳しくは公式ページを確認してください。
今回は、ユーザサイトの作り方を紹介します！
手順
-
リポジトリを作成する
GitHubにログインし、＋（下記画像参照）を押し、新規リポジトリを作成してください。
新規リポジトリの名前は、
{USERNAME}.github.ioとしてください。こうしないと、githubがリポジトリをユーザーサイトだと認識してくれません！
(github pages 公式サイトより) -
リポジトリをローカルにcloneする
ターミナルを開いて、
git clone https://github.com/{USERNAME}/{USERNAME}.github.ioと入力すると、リポジトリがクローンされる。
ターミナルで、cd {USERNAME}.github.ioと入力しディレクトリを移動。{USENAME}.github.io以下にWebページとしてデプロイしたいコンテンツを配置する。 -
リポジトリをpushしてデプロイ！
git add -A
git commit -m "init"
git push origin master
これで{USERNAME}.github.ioの中身がhttps://{USERNAME}.github.io に公開されているはずです！
とても簡単！
最後に
僕のホームページもGitHub Pagesのユーザーページと、以前の記事で紹介したImpress.jsを使って作られています！
広告もなく、自分の自由自在にページを作ることができるので、興味がある方はぜひチャレンジしてみてください〜〜〜