odayakalife

GitHub Pages にカスタムドメインを設定する

2 min read

手順メモ

前提: CloudFlareでドメインを購入、管理している

カスタムドメインの検証

  • GitHub Pagesのカスタムドメインの検証 > ユーザサイトのドメインの検証に従い GitHub コンソールからドメインを追加 -DNS設定に追加するTXTレコードの内容が表示されるので、その通りCloudFlareのDNS設定を行う
    • dig _github-pages-challenge-USERNAME.example.com +nostats +nocomments +nocmd TXTでDNS設定が変更されたことを確認
    • 確認後、GitHub コンソールからドメインをVerifyする

GitHub Pagesにカスタムドメインの設定を行う

  • Apexドメインで登録したいので、以下のドキュメントに従う
  • リポジトリの Settings > GitHub Pages > Custom domain にドメインを追加、Save
    • すると以下のようにDNScheckに失敗
Both odayakalife.dev and its alternate name are improperly configured
Domain does not resolve to the GitHub Pages server. For more information, see documentation (NotServedByPagesError).
  • CloudFlare コンソールから対象のドメインのDNSレコードに以下を設定

    • タイプ: A

    • 名前: @(ルートを示す)

    • IPv4アドレス:

      • 185.199.108.153
      • 185.199.109.153
      • 185.199.110.153
      • 185.199.111.153

    • 反映まで待つ

      • 確認コマンド: dig EXAMPLE.COM +noall +answer -t A

    • あとついでに以下も追加

      • タイプ: CNAME
      • 名前: www
      • IPv4アドレス: .github.io

    • しばらく後、Enforce HTTPS にチェックを入れる

Recent writing