GitHub Pagesカスタムドメイン名実践整理

このブログでは、ブログの構成やプロジェクトPagesのカスタムドメイン名プロセス、問題点、解決方法について整理します.Githubのドキュメントは、カスタムドメイン名をどのように構成するかについて詳しく紹介されています.ここではすべて翻訳されず、実践の過程だけを重点的に記録します.内容は、ユーザーのウェブサイト、会社のウェブサイト、およびプロジェクトのウェブサイトにApexドメイン名(qiwihui.com)、2級ドメイン名(www.qiwihui.com)、HTTPSを開くことに関連しています.最後に、www.qiwihui.comへの要求はすべてhttps://qiwihui.comにリダイレクトされる.

いくつかの注意

Githubがサポートするカスタムドメイン名のタイプ

サポートされるカスタムドメイン名タイプ
ドメイン名の例
www subdomain www.example.com
one apex domain & one www subdomain example.com  &  www.example.com
apex domain example.com
custom subdomain blog.example.com

GitHub Pagesステーションがサポートするドメイン名

GitHub Pagesステーションタイプ
Github上のPagesのデフォルトドメイン名とホストアドレス
ページのリダイレクト方法
カスタムドメイン名の例
User Pagesステーションusername.github.io
設定したカスタムドメイン名に自動的にリダイレクトuser.example.com
Organization Pages駅orgname.github.io
設定したカスタムドメイン名に自動的にリダイレクトorg.example.com
ユーザーが所有するProject Pagesステーションusername.github.io/projectname
User Pagesステーションのカスタムドメイン名のサブディレクトリに自動的にリダイレクトします(user.example.com/projectname)project.example.com
会社が所有するProject Pagesステーションorgname.github.io/projectname
Organization Pagesステーションのカスタムドメイン名のサブディレクトリに自動的にリダイレクトします(org.example.com/projectname)project.example.com

個人Pagesプロジェクトを例に

Github Pages機能を有効にする

プロジェクトSettingsでは、GitHub Pagesという領域を見つけ、Sourceを対応する配置するブランチとして選択します.ここではgh-pages branchを選択します.
このうち、選択master branch会視/README.mdはwebのindex.htmlであり、選択master branch /docs folder会視/docs/README.mdはwebのindex.htmlである.

プロジェクト構成でのドメイン名のカスタマイズ

Custom domainに自分のドメイン名を追加して保存します.
または、プロジェクトブランチにCNAMEファイルを追加し、CNAMEファイルの内容は

qiwihui.com

ここでは、CIが第1の設定を上書きするため、特にCIが設定されている項目については、第2の設定を推奨する.このステップは重要ですが、無視しやすいステップです.

GitHub Pagesに追加されたものがqiwihui.comである場合、www.qiwihui.comはqiwihui.comにリダイレクトされる.

GitHub Pagesに追加されたものがwww.qiwihui.comである場合、qiwihui.comはwww.qiwihui.comにリダイレクトされる.

ここではwww.qiwihui.comにリダイレクトすることを選択したので、qiwihui.comに設定します.

DNSレコードの追加

Apexドメイン名を設定するには、DNSでAレコードがgithubを指すIPを構成する必要があります.

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

同時に、設定CNAMEレコードはwww.qiwihui.comをqiwihui.github.ioに向け、すなわち.github.ioを指す.会社にとって、この住所は.github.ioです.

DNSレコードの確認

以下に、設定後のDNSレコードの状況を示します.

$ dig +noall +answer qiwihui.com
qiwihui.com.            60      IN      A       185.199.111.153
qiwihui.com.            60      IN      A       185.199.110.153
qiwihui.com.            60      IN      A       185.199.108.153
qiwihui.com.            60      IN      A       185.199.109.153

$ dig www.qiwihui.com +nostats +nocomments +nocmd 

; <<>> DiG 9.10.6 <<>> www.qiwihui.com +nostats +nocomments +nocmd
;; global options: +cmd
;www.qiwihui.com.               IN      A
www.qiwihui.com.        28      IN      CNAME   qiwihui.github.io.
qiwihui.github.io.      28      IN      A       185.199.110.153
qiwihui.github.io.      28      IN      A       185.199.108.153
qiwihui.github.io.      28      IN      A       185.199.111.153
qiwihui.github.io.      28      IN      A       185.199.109.153

SSL（HTTPS）配置、強く開くことを推薦します

チェックEnforce HTTPSGithubはHTTPS証明書の有効性を自動的に維持します.

プロジェクトPages

プロジェクトにPagesを設定すると、通常はすでに1人の個人または会社のPagesがありますが、そうでなければ、以上の手順で追加できます.すでに設定されている場合は、簡単な2つのステップだけです.
以下、個人項目[qiwihui/fullstackpython.com](https://github.com/qiwihui/fullstackpython.com)とし、住所をfullstackpython.qiwihui.comとする.

プロジェクトでGithub Pagesを開き、CNAMEファイル指向fullstackpython.qiwihui.com:

を追加します.

DNSレコードにCNAMEレコードを追加すると、fullstackpython.qiwihui.comがqiwihui.github.ioを指し、すなわち.github.ioを指す.会社にとって、この住所は.github.ioです.

しばらくしてからでいいです.

リファレンス

Using a custom domain with GitHub Pages

Custom domain redirects for GitHub Pages sites

Custom domain for GitHub project pagesの回答

Custom subdomains in GitHub project pages