tech・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 とセキュリティ機能を活用して、あなたのサイトを運営しましょう。