Tech2025年1月7日・1分で読める

Hugo × Cloudflare でデプロイする

Hugoで構築した静的サイトをCloudflare Pagesでホスティングし、高速で安全なインフラを構築する方法を解説します。

#hugo#cloudflare#ブログ#インフラ#静的サイト#hosting

Hugo は静的サイトジェネレーターであり、Cloudflare は高速で安全なウェブサイトを提供するためのプラットフォームです。以下の手順に従って、Hugo サイトを Cloudflare Pages にデプロイする方法を説明します。

4. Cloudflare アカウントの作成

Cloudflare のアカウントを作成し、ログインします。

5. Cloudflare Pages のセットアップ

Cloudflare のダッシュボードに移動し、「Pages」を選択します。
「Create a Project」をクリックします。
GitHub アカウントを接続します。
デプロイしたいリポジトリを選択します。

6. ビルド設定の構成

ビルド設定を以下のように構成します。

Production Branch: main（またはデフォルトのブランチ名）
Build Command: hugo
Build Directory: public

7. デプロイの実行

設定が完了したら、「Deploy Site」をクリックしてデプロイを開始します。デプロイが完了すると、Cloudflare が提供する URL でサイトにアクセスできるようになります。

8. カスタムドメインの設定（オプション）

Cloudflare Pages では、カスタムドメインを設定することもできます。ダッシュボードから「Custom Domains」を選択し、指示に従って設定します。

9. まとめ

これで、Hugo サイトを Cloudflare Pages にデプロイする準備が整いました。Cloudflare の高速な CDN とセキュリティ機能を活用して、あなたのサイトを運営しましょう。