🗼
CloudflareでGitHub Pagesのカスタムドメインを設定する
5分くらいで完了したので手順をまとめておく。
1. Cloudflare でドメインを購入する
Register Domains から好きなドメインを入力する。購入もカード情報とか入れて1,2分で取得できる。
ここでは gomi.dev を取ったものとして仮定する。
2. AレコードとCNAMEを設定する
Cloudflare のダッシュボード画面に行き、購入できているドメインを選択し、DNS Records からApexドメインの設定に移る。
GitHub 公式のマニュアルに従い、A レコードと CNAME を設定する。
| ホスト名 | TYPE | VALUE |
|---|---|---|
| www.gomi.dev | CNAME | babarot.github.io |
| gomi.dev | A | 185.199.108.153 |
| gomi.dev | A | 185.199.109.153 |
| gomi.dev | A | 185.199.110.153 |
| gomi.dev | A | 185.199.111.153 |
3. CNAME ファイルをコミットし、リポジトリの Pages の設定画面で Custom domain の設定
3.1. コミットする
docs
├── CNAME
├── demo.gif
├── index.html
└── main.css.png
3.2. Pages 設定する
入れた瞬間は Checin in progress... となるが数秒〜数分で DNS check successful となる。
4. つながるか確認
補足
gomi.dev は babarot/gomi の GitHub Pages でありプロフィールの Pagesではない。プロフィールの方 (babarot/babarot.github.io) でもアクセスできるがリダイレクトされるようになっている。
babarot.github.io/gomi
↓
gomi.dev
ちなみに babarot.github.io は babarot.me でカスタムドメインを設定しているがそれも影響はない。
babarot.me/gomi
↓
gomi.dev
Discussion