【GitHub Pages】リポジトリ毎にカスタムドメインを設定する [Techblog#23]

個人リポジトリにデプロイした GitHub Pages において CNAME でカスタムドメインを設定します

GitHub Pages ではデフォルトで <username>.github.io/<repository> という URL が割り当てられます

Apex ドメインで設定する方法 を紹介しているページは多かったのですが CNAME を使ったカスタムドメインの設定方法を説明した資料はあまりなかったので、試してみました

DNS レコードに GitHub Pages の認証情報を追加する

GitHub の個人設定のページから Pages を選択し、所持しているドメインを追加します

所持ドメインを入力すると TXT レコードの追加が求められるので、ドメイン管理ページで追加します

私の場合は Cloudflare で管理しているので、以下のような感じで追加しました

DNS レコードに GitHub Pages の CNAME を追加する

リポジトリ名が <username>.github.io 以外である場合は、デフォルトの URL が <username>.github.io/<repository> になるので、そのまま CNAME で追加することができません

ただ、認証が通っていれば <username>.github.io を追加するだけでカスタムドメインを使うことができます

リポジトリにカスタムドメインを割り当てる

最後にリポジトリの Settings > Pages から Custom domain にカスタムドメインを入力します

DNS の認証が通れば、カスタムドメインの設定が完了です 🎉