カスタムGitHubURLにDigitalOceanのDNSを使用する方法
序章
このチュートリアルでは、独自のカスタムドメインからDNSリダイレクションを設定する方法を示します(例: http://githubtest.teamerlich.org/ )GitHubでホストされている静的Webサイト(例: http://agordon.github.io/custom_dns_test )DigitalOceanのDNSコントロールパネルを使用します。
Github Pages を使用すると、GitHubでホストされているすべてのプロジェクトで、プログラム専用の静的Webサイトを利用できます。 静的なWebサイトの設定については、そのWebサイトで詳しく説明されています(新しいWebサイトの設定に役立つ自動テンプレートジェネレーターも含まれています)。
このようなWebサイトのデフォルトのURLは、ユーザーの名前とプロジェクトの名前に基づいています。 たとえば、GitHubのユーザー名がagordon
で、プロジェクトの名前がcustom_dns_test
の場合、GithubリポジトリのURLはhttps://github.com/agordon/custom_dns_testになります。 GitHub-Pages静的Webサイトはhttp://agordon.github.io/custom_dns_test/になります。
このチュートリアルの指示に従って、カスタムドメイン名を設定します(例: http://githubtest.teamerlich.org/ )これは http://agordon.github.io/custom_dns_test/ の自動エイリアスになります-つまり、カスタムにアクセスするユーザーURLにはhttp://agordon.github.io/custom_dns_test/(GitHubのサーバーに保存され、提供される)のコンテンツが表示されますが、URLはカスタムのものになります。
この記事は、GitHubの Github Pagesを使用したカスタムドメインチュートリアルに従い、DigitanOceanのDNSコントロールパネルに適合しています。
前提条件
このチュートリアルでは、次のものがあることを前提としています。
登録されたドメイン名(例:
teamerlich.org
)ドメインレジストラ( godaddy.com など)で。DigitalOceanのネームサーバーでの適切なDNS構成。
DigitalOceanの基本ドメイン名とDigitalOceanおよびサブドメインの記事を参照してください。
GitHubのユーザー。
例:GitHubユーザーが
agordon
の場合、Githubページはhttps://github.com/agordon/になります。あなたが所有している(そして変更できる)Githubプロジェクト。
例:GitHubプロジェクトが
custom_dns_test
の場合、プロジェクトのGitHubリポジトリはhttps://github.com/agordon/custom_dns_testになります。上記のプロジェクトでは、
gh-pages
という名前のブランチを使用したGitHub-Pagesセットアップ。 GitHubページブランチをまだ作成していない場合は、 https://pages.github.com/ (美しいテンプレートを備えた自動Webサイトジェネレーターも含まれています)の指示に従ってください。
例:GitHubプロジェクトがcustom_dns_test
の場合、プロジェクトのGitHubPagesブランチリポジトリはhttps://github.com/agordon/custom_dns_test/tree/gh-pagesになります。 ]。
ステップ1-サブドメイン名を決定します。
サブドメイン名は英数字である必要があります。 新しい名前で手順2と3を繰り返すことにより、後でいつでもドメイン名を変更できます。
ステップ2-「CNAME」ファイルをGitHubプロジェクトに追加する
GitHubプロジェクトのgh-pages
ブランチで、CNAME
というファイルを作成(または更新)します。 ファイルには、完全なドメイン名を含む1行が含まれている必要があります(例: githubtest.teamerlich.org
)。 名前は、手順3で設定するドメイン名と一致する必要があります。
ローカルワークステーションで次のコマンドを使用して、CNAME
ファイルを追加します。 例を独自のものに置き換えます。
cd [PROJECT-DIRECTORY] git pull origin git checkout gh-pages echo "githubtest.teamerlich.org" > CNAME git add CNAME git commit -m "Added CNAME for GitHub Pages" git push
最終結果は次のプロジェクトのようになります(CNAME
ファイルに注意してください):https://github.com/agordon/custom_dns_test/tree/gh-pages。
新しいCNAME
ファイルをgithubにアップロードした後、GitHubサーバーが更新されるまでに最大10分かかる場合があります。
ステップ3-DigitalOceanのDNSコントロールパネルにDNSレコードを追加する
DigitalOceanコントロールパネルで、ネットワーキングを選択し、ドメインをクリックします。 次のような新しいレコードを追加する必要があります。
次の項目に記入してください。
- 新しいDNSレコードとしてCNAMEを選択します
- ホスト名(ドットなし)を入力します。 名前は、手順2のGitHubリポジトリ内の
CNAME
ファイルの内容と一致する必要があります - IS AN ALIAS OF フィールドにGitHubページのユーザー名のドメインを入力します(例: GitHubユーザーが
agordon
の場合、GitHub-Pagesサーバーはagordon.github.io
になります。 注:「io」の後の期間が必要です - レコードの作成をクリックして、新しいレコードを追加します
ステップ4-DigitalOceanのサーバーが更新されるのを待つ
DigitalOceanのDNSでDNS情報が更新されるまでに数分かかる場合があります。
ゾーン情報が更新された後も、他のDNSサーバーで変更が更新されるまでに数時間かかる場合があります(例: ISPのDNSサーバー)。
例のまとめ
- GitHubプロジェクトのページ: https://github.com/agordon/custom_dns_test
- GitHub-githubベースのURLのページ: http://agordon.github.io/custom_dns_test/
- 上記と同じコンテンツで、カスタムURL http://githubtest.teamerlich.org/
- GitHubプロジェクトの
gh-pages
ブランチ: https://github.com/agordon/custom_dns_test/tree/gh-pages - カスタムURLを含む
CNAME
ファイル: https://github.com/agordon/custom_dns_test/blob/gh-pages/CNAME
さらに詳しい情報
- GitHub Pages- https://pages.github.com/
- GitHubPagesカスタムDNS-https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages
- DigitalOcean’s DNS basics - how-to-set-up-a-host-name-with-digitalocean
- DigitalOcean’s DNS subdomains - how-to-set-up-and-test-dns-subdomains-with-digitalocean-s-dns-panel