GitHub Pagesで独自ドメインを使う


[まとめ] 現在開催中のKindleセール情報はこちら

GitHub Pagesをこれまで使ったことがなかったのですが、先日作った「MyEverFood2014」が静的コンテンツだったのでGitHub Pagesで管理することにしました。

独自ドメインの設定も手軽にできたのでメモを残しておきます。

基本的には、公式ページの手順に沿って進めればできます。(本記事は「Project site」の手順の説明になります)

今回は hilotter/myeverfood2014 を例に手順をまとめます。

1. リポジトリの作成と必要ファイルのコミット

まずはリポジトリを作って、公開したいコンテンツをコミット。

index.htmlは必須です。

2. gh-pagesブランチの作成

githubの該当リポジトリを表示して、「gh-pages」ブランチを作成します。

githubpages1

これで、

http://{ユーザ名}.github.io/{プロジェクト名}

でアクセスできるようになるので、

http://hilotter.github.io/myeverfood2014

にアクセスするとページが表示されるようになります。
(↑はcss等のパスが絶対パス指定になっているため正しく表示されません)

3. CNAMEファイルの追加

独自ドメインでGitHub Pagesを運用するために、gh-pagesブランチにCNAMEファイルを追加します。

CNAMEファイルには以下のように独自ドメイン名のみを記述します。

everfood2014.hello-world.jp.net

4. DNS設定(お名前.comの場合)

「DNSレコード設定」でホスト名に「everfood2014.hello-world.jp.net」を入力して、TYPEを「CNAME」に設定し、VALUEに「hilotter.github.io」を指定します。

githubpages2

5. digで確認

上記設定をして、しばらくするとGitHub Pageを独自ドメインで確認できるようになります。

everfood2014の場合はさくらVPSで動かしつつGitHub Pagesに移行したのですが、1時間程待っていたのですが切り替わらず、寝て起きたら切り替わっていました。

DNS設定がうまくできているかはdigコマンドで確認します。

dig everfood2014.hello-world.jp.net

;everfood2014.hello-world.jp.net. IN    A
everfood2014.hello-world.jp.net. 80 IN  CNAME   hilotter.github.io.
hilotter.github.io. 1756    IN  CNAME   github.map.fastly.net.
github.map.fastly.net.  19  IN  A   103.245.222.133

まとめ

これでGitHub Pagesを独自ドメインで管理できるようになりました。

静的コンテンツのみの場合はGitHub Pagesで管理すると手軽で良いですね。

参考

[まとめ] 現在開催中のKindleセール情報はこちら