この記事では、XServer Domainで取得した独自ドメインをGitHub Pagesで公開しているWebサイトに設定する方法を紹介します。
1. 実行環境
- Hugo：0.148.2
- Git：2.43.0
- MacBook Pro (13-inch, 2020)
- macOS：Sequoia 15.6.1
2. 手順
ここではHugoで作成したWebサイトを使います。
事前に以下の作業が必要です。
- Hugoで作成したWebサイトをGitHub Pagesにデプロイする
- XServer Domainで独自ドメインを取得する
2-1. カスタムドメインを検証する
https://github.com/settings/pages を開きます。(GitHubのトップページのプロフィール画像 > Settings > Pages)
次にAdd a domainを選択し、独自ドメイン(example.com)を入力してAdd domainを選択します。
表示された2つの値(hostnameの値とTXT recordの値)をメモします。
次に取得した2つの値をXServer Domainに設定します。
XServer DomainのトップページからDNSレコード設定を選択します。(使用するドメインのDNSレコード設定。)
DNSレコード設定を追加するを選択 > ホスト名に取得したhostnameの値を入力(_github-pages-challenge-username) > 種別をTXTに設定 > 内容に取得したTXT recordの値を入力 > 確認画面へ進む > 設定を追加する
先ほど値を取得したGitHubのページに戻りVerifyを選択します。
https://github.com/settings/pages で該当のドメインにVerifiedが表示されれば完了です。(最大で24時間かかることもあります。)
2-2. Apexドメインを設定する
GitHub Pages サイトのカスタムドメインを管理する - Apexドメインを設定する - GitHub Docs
GitHubのリポジトリページからSettings>Pagesを選択します。(https://github.com/username/reponame/settings/pages)
Custom domainに独自ドメイン(example.com)を入力 > Saveを選択します。
先ほど設定を行ったXServer DomainのDNSレコード設定画面を開きます。
以下の内容でDNSレコードを8件追加します。ホスト名、TTL、優先度は変更不要です。
| 種別 | 内容 |
|---|---|
| A | 185.199.108.153 |
| A | 185.199.109.153 |
| A | 185.199.110.153 |
| A | 185.199.111.153 |
| AAAA | 2606:50c0:8000::153 |
| AAAA | 2606:50c0:8001::153 |
| AAAA | 2606:50c0:8002::153 |
| AAAA | 2606:50c0:8003::153 |
2-3. サブドメインを設定する
GitHub Pages サイトのカスタムドメインを管理する - サブドメインを設定する - GitHub Docs
前項に続き、以下の内容でDNSレコードを1件追加します。
| ホスト名 | 種別 | 内容 |
|---|---|---|
| www | CNAME | username.github.io |
usernameはGitHubのユーザ名で置き換えてください。TTL、優先度は変更不要です。
この設定により、www.example.comでのアクセスはexample.comにリダイレクトされます。
2-4. HTTPS化をする
GitHubのリポジトリページからSettings>Pages >Enforce HTTPSを選択してチェックを入れます。
2-5. baseURLを変更する
最後にhugo.yamlのbaseURLを設定した独自ドメインに変更します。
baseURL: https://example.com/
【参考】
