GitHub ActionsからCloudflare Pagesへ自動デプロイする環境を構築

Hugoによるブログ準備 の続き。いよいよ本番環境へのデプロイ環境を構築した。 Cloudflare PagesはGitHubとの直接連携も可能らしいが、今回は使い慣れているGitHub Actionsを使って、git push をトリガーに自動ビルド&デプロイされるワークフローを組むことにした。 手順としては非常にシンプルで、以下の通りとした。 最初に wrangler でPagesのプロジェクトを作成し、手動で初回のデプロイを行う。 連携に必要な アカウントID: CLOUDFLARE_ACCOUNT_IDと APIトークン: CLOUDFLARE_API_TOKEN を取得する(WebUIからポチポチするのだが方法は失念)。 GitHubリポジトリのSecretsにそれぞれ登録する。 ワークフロー(yamlファイル)を作成する。 Wranglerによる手動デプロイ $ npx wrangler pages deploy public ⛅️ wrangler 4.95.0 ─────────────────── ? No project specified. Would you like to create one or use an existing project? › - Use arrow-keys. Return to submit. ❯ Create a new project Use an existing project Create a new project を選択し適当にプロジェクト名を決めて入れる(souki-taishoku-is-not-fireは変更)。 ✔ Enter the name of your new project: … souki-taishoku-is-not-fire ✔ Enter the production branch name: … main これでpublic/にあるコンテンツがデプロイされる。Cloudflare側にプロジェクトが作られる。 ...

2026年6月2日