← Guides に戻る Cloudflare Pages 更新済

Hub を公開する

本番 URL: https://lab.chocofon.com/ — 2026-06 設定時の Trial & Error を含む手順です。

全体の流れ

  1. Cloudflare Pages で GitHub 連携 → デプロイ
  2. chocofon.com を Cloudflare DNS に追加
  3. Squarespace でネームサーバー変更
  4. Pages に lab.chocofon.com を Custom domain 追加

1. Pages プロジェクト作成

GitHub 連携Only select repositories → CURSOR-file のみ
Root directoryWeb_html/hub
Build command空欄
Build output/

デプロイ後: https://cursor-file.pages.dev/

2. 初心者がハマったポイント

ネームサーバーは Cloudflare の DNS 画面では変更できない
Squarespace Domains → DNS → Domain Nameservers → Use Custom Nameservers で nena.ns.cloudflare.com / nicolas.ns.cloudflare.com を入力。
「I updated my nameservers」ボタンが見つからない
Overview に Your domain is now protected by Cloudflare と出ていれば Active 済み。ボタンは消えます。
HTTPS の鍵マークが見えない
最近の Chrome は HTTPS サイトでも鍵を表示しません。URL が https:// なら OK。

3. DNS レコード（Active 後）

lab CNAMEcursor-file.pages.dev — Proxied（橙）OK
www CNAMESquarespace — DNS only（灰）
A × 4Squarespace IP — DNS only（灰）
MXsmtp.google.com — Google Workspace 新形式、1件で OK
TXTSPF / DKIM — DNS only

4. 更新の流れ

Hub を編集 → git commit → git push → 自動デプロイ（1〜3分）

新ガイド追加: guides/ に HTML 作成 → data/guides.json に追記 → push

関連

Private リポジトリ: GitHub の docs/ リンクは、リポジトリへのアクセス権がある場合のみ閲覧できます。一般公開されているのは lab.chocofon.com の Hub です。
本番 Hub 詳細 Markdown 版（要アクセス権）