Cloudflare Pages 設定忘備録

目的

GitHubリポジトリをCloudflareで公開する

GitHubの静的サイト（HTML/CSS/JS）を Cloudflare Pages を使って無料公開する。独自ドメインなし、Cloudflareの無料ドメインを使用。

リポジトリ: mich360/hamburger.github.io

失敗した手順

① 失敗

Workers としてプロジェクトを作成してしまった

「Workers & Pages → Create」から進んだが、Pagesではなく Workersとして設定。プロジェクト名: testsite2026

Build command に「開始」「starts」を誤入力

② 失敗

ビルドエラー発生

Build commandに日本語「開始」が入力されており、シェルが認識できずビルド失敗。

/bin/sh: 1: 開始: 見つかりません

③ 失敗

設定の修正を試みるもフォームエラー

Build configurationの編集画面でDeploy commandを変更しようとしたが「An internal error prevented the form from submitting.」が発生し修正不可。

Internal error

解決した手順

STEP 1

Workers & Pages → Create をクリック

左メニューの「Workers & Pages」から「Create」ボタンを押す。

STEP 2

「Looking to deploy Pages? Get started」をクリック

Workers作成画面に表示されるリンクから Pages の画面へ移動。

重要: 最初から Pages タブを選ぶこと

STEP 3

「Import an existing Git repository」を選択

「Continue with GitHub」でGitHubアカウントを連携。

STEP 4

リポジトリ「hamburger.github.io」を選択

STEP 5

ビルド設定を入力

Framework preset: None　／　Build command: 空白　／　Build output directory: /

STEP 6

「Save and Deploy」をクリック → デプロイ完了！ 成功

2つのURLの違い

項目	Cloudflare Pages	GitHub Pages
URL	hamburger-github-io.pages.dev	mich360.github.io/hamburger.github.io
サーバー	Cloudflareのグローバルネットワーク	GitHubのサーバー
速度	世界中に配信（高速）	標準速度
セキュリティ	Cloudflareの保護あり	基本的な保護
自動更新	GitHubにpushで自動更新	GitHubにpushで自動更新
おすすめ度	⭐⭐⭐ メインで使用推奨	⭐⭐ そのまま使用可

公開URL

🎉

以下のURLでサイトが公開されています

次回のポイント

✅ 静的サイトは必ず「Pages」から作成する

Workers & Pages → Create → 「Looking to deploy Pages? Get started」を選択

✅ Build commandは空白でOK

静的サイト（HTML/CSS/JS）はビルド不要。空白のままで問題なし。

✅ GitHubにpushすると自動でサイトが更新される