カスタム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静的ウェブサイトは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になります。 -
上記のプロジェクトでは、GitHub-Pagesは、
gh-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を選択します
- ホスト名(ドットなし)を入力します。 名前は、の内容と一致する必要があります
CNAME
手順2のGitHubリポジトリにあるファイル - 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 CNAME
カスタムURLを含むファイル: 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のDNSの基本-how-to-set-up-a-host-name-with-digitalocean
- DigitalOceanのDNSサブドメイン-how-to-set-up-and-test-dns-subdomains-with-digitalocean-s-dns-panel