https://souki-taishoku.com/tags/github-actions/ Recent content in GitHub Actions on 早期退職はFIREではない Hugo ja-jp 2026 早期退職ドットコム · プライバシーポリシー・免責事項 Tue, 02 Jun 2026 15:00:00 +0900 https://souki-taishoku.com/tech/cloudflare-deploy/ Tue, 02 Jun 2026 15:00:00 +0900 https://souki-taishoku.com/tech/cloudflare-deploy/ <p><a href="https://souki-taishoku.com/tech/hugo-init/">Hugoによるブログ準備</a> の続き。いよいよ本番環境へのデプロイ環境を構築した。</p> <p>Cloudflare PagesはGitHubとの直接連携も可能らしいが、今回は使い慣れているGitHub Actionsを使って、<code>git push</code> をトリガーに自動ビルド＆デプロイされるワークフローを組むことにした。</p> <p>手順としては非常にシンプルで、以下の通りとした。</p> <ol> <li>最初に <code>wrangler</code> でPagesのプロジェクトを作成し、手動で初回のデプロイを行う。</li> <li>連携に必要な アカウントID: <code>CLOUDFLARE_ACCOUNT_ID</code>と APIトークン: <code>CLOUDFLARE_API_TOKEN</code> を取得する（WebUIからポチポチするのだが方法は失念）。</li> <li>GitHubリポジトリのSecretsにそれぞれ登録する。</li> <li>ワークフロー（yamlファイル）を作成する。</li> </ol> <h3 id="wranglerによる手動デプロイ">Wranglerによる手動デプロイ</h3> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sh" data-lang="sh"><span style="display:flex;"><span>$ npx wrangler pages deploy public </span></span><span style="display:flex;"><span> </span></span><span style="display:flex;"><span> ⛅️ wrangler 4.95.0 </span></span><span style="display:flex;"><span>─────────────────── </span></span><span style="display:flex;"><span>? No project specified. Would you like to create one or use an existing project? › - Use arrow-keys. Return to submit. </span></span><span style="display:flex;"><span>❯ Create a new project </span></span><span style="display:flex;"><span> Use an existing project </span></span></code></pre></div><p>Create a new project を選択し適当にプロジェクト名を決めて入れる(<code>souki-taishoku-is-not-fire</code>は変更)。</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-sh" data-lang="sh"><span style="display:flex;"><span>✔ Enter the name of your new project: … souki-taishoku-is-not-fire </span></span><span style="display:flex;"><span>✔ Enter the production branch name: … main </span></span></code></pre></div><p>これで<code>public/</code>にあるコンテンツがデプロイされる。Cloudflare側にプロジェクトが作られる。</p>