Github Pages｜自訂網域設定で独自URLを実現｜簡単手順ガイド

Github Pages カスタムドメイン設定ガイド

あなたのドメインを元の github.io のURLの代わりに使用する

Github Pages について

Github Pages は Github が提供する無料の静的ページホスティングサービスで、すべての Github Free アカウントは Public Repo であれば直接利用できます。Private Repo の場合は先に有料プランへアップグレードする必要があります。

ZhgChgLi ZhgChgLi iOS開発者 学びに貪欲 教え合い 映画/海外ドラマ/西洋音楽/スポーツ/生活が好き zhgchg.li

• 私が Github Pages でデプロイした Jekyll ブログ

• MediumからGithub Pagesへのスムーズな移行 ➡️➡️➡️

制限

• 静的ファイルのみホスティング可能： HTML、CSS、JavaScript、フォントファイル、画像ファイル、PDF、音声ファイル、テキストファイルなど

• サイト（リポジトリ）サイズは以下を超えてはいけません： 1 GB
  これはソフトリミットと推測されます。私の Github Pages Jekyll リポジトリはすでに約5 GBあります。

• デプロイ時間の最大： 10分

• 1時間あたりの最大デプロイ回数： 10回（ソフトリミット）

• 毎月のトラフィック制限： 100 GB（ソフトリミット）

• リクエストが多すぎると HTTP 429 が返される可能性があります

⭐️⭐️⭐️Github Pages のカスタムドメイン設定だけを知りたい方は、以下をご覧ください。

Github Pages チュートリアル、ChatGPT と併用すればプログラミング不要で個人サイトを作れる

以下はプログラミング初心者で Git を使わない場合の例です。

1. Githubの登録とログイン： https://github.com/

• Githubにログインしたら、右上の「+」->「New repository」を選択します。

2. リポジトリ名の入力と設定

• Repository 名：あなたのアカウント.github.io

• Public：公開プロジェクト

• READMEファイルを追加する：作成後すぐにGithubのWebからファイルを追加できるようにするため

• リポジトリを作成する

Respository name の部分は、各アカウントまたは組織（Organization）につき、あなたのアカウント.github.io というメインの Github Pages リポジトリを1つだけ作成できます。その他のリポジトリを Github Pages にデプロイすると、URL は あなたのアカウント.github.io/リポジトリ名 となります。例えば：

• あなたのアカウント/あなたのアカウント.github.io リポジトリ -> あなたのアカウント.github.io

• あなたのアカウント/mywebdemo リポジトリ -> あなたのアカウント.github.io/mywebdemo

もし あなたのアカウント.github.io 以外のメインGithub Pagesリポジトリであれば、SettingsでPagesを設定してGitHub Pagesを有効にする必要があります：

例えば、私のリポジトリ zhgchgli0718/testgithubpage でも Github Pages ページを作成したいです。

• Settings -> Pages -> Branch -> main/root を選択 -> 保存

• 完了

3. ホームページの .html ファイルを作成する

• リポジトリのホームページで右上の緑色の「Code」ボタンをクリックしてください。

• 「+ Create new file」を選択する

4. ChatGPT を使ってページの .html ファイルを作成する

• ここでは最も簡単なプロンプトを使用します：サイバーパンク風のウェルカムページを生成する (.html)

5. .html ファイルを Github リポジトリに貼り付ける

• ファイル名：index.html と入力してください

• Edit：ChatGPT が生成した .html コンテンツを貼り付けてください。ChatGPT に HTML の調整を依頼することも、ここで直接 HTML を編集することもできます。

• 右上の「Commit changes…」をクリックしてください

• 「main ブランチに直接コミットする」を選択してください

—

リソースファイルのアップロード（例：画像）：

• 同様に「Add file」をクリックし、「Upload files」を選択します。

• ファイルをドラッグ＆ドロップするか選択し、アップロードが完了するまでお待ちください

• 「Commit changes」をクリックしてください

• 完了

6. デプロイの待機

前述の通り、Github Pages はデプロイが必要で、ファイルを保存しただけでは公開されません。リポジトリ上部の「Actions」をクリックしてデプロイの進行状況を確認できます。オレンジのランプ🟠が緑のチェックマーク✅に変わるとデプロイ完了を意味します。

7. 成果を確認する

https://zhgchgli0718.github.io/

• 以下のURLにアクセスして成果を確認してください： https://あなたのアカウント.github.io

Github Pages カスタムドメイン設定ガイド

次に本題のGithub Pagesのカスタムドメインについてです。前述の通り、デフォルトでは あなたのアカウント.github.io のみが静的サイトのメインドメインとして使えます。他のリポジトリは /パス 経由でしかアクセスでき、2つ目の *.github.io ドメインを作成することはできません。

しかし、Github Pages のありがたい点はカスタムドメイン機能を提供していることです。

⭐️⭐️⭐️ 購入したドメインは同時にこちらでも使えます： Medium カスタムドメイン機能。

例えば私のドメイン：

1. https://zhgchg.li -> Github Pages Jekyll ブログで使用

2. https://blog.zhgchg.li -> 私の Medium ページで使用

1. ドメインの購入＆取得 by Namecheap（老舗のドメイン大手）

まずは Namecheap 公式サイトトップページ にアクセスして、お好みのドメイン名を検索します：

検索結果を取得しました：

右側のボタンに「 Add To Cart 」と表示されている場合、そのドメインはまだ登録されておらず、カートに追加して購入できます。

もし右側のボタンに「 Make offer 」や「 Taken 」と表示されている場合、そのドメインは既に登録されています。別の後継や別のドメイン名を選んでください：

カートに追加した後、下の「Checkout」をクリックしてください。

注文確認ページに進む：

• Domain Registration ：ここでは AUTO-RENEW を選択して毎年自動更新することも、一括で購入する年数を変更することもできます。

• WhoisGuard ：ドメイン情報は誰でも自由に検索可能（登録日時、期限、登録者、連絡先など）。この機能を使うと、登録者情報や連絡先を直接あなたの個人情報ではなく、Namecheapの情報に置き換えられ、迷惑メールを防げます。
  （この機能は一部のドメインで有料の場合がありますが、無料ならぜひ利用しましょう！）

google.com の Whois 情報の一部を取得しました。こちらからご確認いただけます：由此查詢 。

• PremiumDNS ：ドメイン名は住所のようなもので、住所を見て場所を探すのと同じです。この機能は、より安定で安全な「場所を探す」機能を提供しますが、私は必要ないと考えます。高トラフィックのECサイトなど、一切のミスが許されない場合を除いて。

クレジットカード情報を入力後、「 Confirm Order 」をクリックしてください。

その後、購入が成功しました！

注文詳細のメールが届きます。

2. ドメイン設定 by Namecheap

アカウント -> ダッシュボード に移動:

設定したいドメインを見つけて → 右側の「Manage」をクリック:

Domain 確認 -> NAMESERVERS -> 「Namecheap BasicDNS」を選択：

「Advanced DNS」タブに切り替え → Aレコードを追加：

• 「ADD NEW RECORD」をクリックしてください

• Type を「A Record」に選択してください

• Host に「 @ 」を入力してください

• Value を順番に入力してください：

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

4件の記録。

• 各入力後に「✔️」をクリックして設定を保存してください。

• 完了。

3. 設定したい Github Pages リポジトリに CNAME レコードを追加：

• 「ADD NEW RECORD」をクリックしてください

• Type を「CNAME Record」に選択する

• Host に希望するサブドメインを入力します。トップレベルドメインにしたい場合は「www」と入力してください。

• Value 入力： あなたのアカウント.github.io

4. Githubリポジトリの設定に戻る

• Githubリポジトリ -> 設定 -> Pages

• Custom domain：あなたのドメイン を入力してください（www. は省略可能です）

• 「保存」をクリックしてください

• HTTPS を強制的に使用することで、アクセスの安全性を高めることができます。

DNS チェックを待っています…

通常は5分以内に確認できますが、DNSの仕組みにより最大72時間かかる場合があります。手順に間違いがないのに確認がずっと失敗する場合は、数日待ってから再度試してください。

設定成功！

あなたのドメイン検証結果へ移動：

成功！🎉🎉🎉 もう古い https://あなたのアカウント.github.io を使って Github Pages にアクセスする必要はありません。直接 https://あなたのドメイン でアクセスできます！

他のリポジトリの Github Pages も https://あなたのドメイン/リポジトリ名 でアクセスできます。

その他の記事

Medium カスタムドメイン

Medium 自訂網域

痛みなく Medium から Github Pages へ移行する

無痛で Medium から Github Pages へ移行

Post は ZMediumToMarkdown によって Medium から変換されました。