メインコンテンツまでスキップ

独自ドメイン設定(Cloudflare + GitHub Pages)

Code Recipe の独自ドメインは code-recipes.com(Cloudflare Registrar)です。

サイト名は Code Recipe ですが、取得できたドメインに合わせて URL は code-recipes.com を使います。

全体の流れ

  1. Cloudflare で DNS を設定する
  2. リポジトリの設定を独自ドメイン用にして push する(済)
  3. GitHub Settings → Pages で Custom domain を設定する
  4. Enforce HTTPS を有効にする
  5. 表示と robots.txt / sitemap.xml を確認する

1. Cloudflare の DNS 設定

Cloudflare ダッシュボード → code-recipes.comDNSレコードを追加

ルートドメイン(code-recipes.com)をメインにする場合

GitHub Pages 向けに A レコード を 4 つ追加します。

タイプ名前コンテンツプロキシ
A@185.199.108.153DNS only 推奨
A@185.199.109.153DNS only
A@185.199.110.153DNS only
A@185.199.111.153DNS only
プロキシ(オレンジ雲)

初回の HTTPS 設定は DNS only(灰色の雲) で始めると安定しやすいです。

www も使う場合(任意)

タイプ名前コンテンツプロキシ
CNAMEwwwk5fujiwara.github.ioDNS only 推奨

www.code-recipes.com をルートにそろえる場合は、Cloudflare の リダイレクトルール を使います。

2. リポジトリ側の設定(済)

ファイル内容
docusaurus.config.tscustomDomain: code-recipes.com
static/CNAMEcode-recipes.com
static/robots.txtSitemap: https://code-recipes.com/sitemap.xml

3. GitHub Pages で Custom domain

  1. k5fujiwara/code-recipeSettings → Pages
  2. Custom domaincode-recipes.com を入力して保存
  3. DNS 反映後、Enforce HTTPS をオン

4. 動作確認

5. Search Console・AdSense・フォーム

登録 URL を https://code-recipes.com/ にそろえます。

サービスURL の例
Search Consoleドメイン code-recipes.com または URL プレフィックス
AdSensehttps://code-recipes.com/
Google フォームのプライバシーリンクhttps://code-recipes.com/privacy-policy

詳細は Google AdSense の設定と収益化 を参照してください。

ローカル開発

baseUrl/ のため、ローカルは次で開きます。

http://localhost:3000/