Cloudflare Pages とは
cloudflare のサービスで、静的サイトをcloudflareのサーバーでホストしてくれる。 なんと無料。 ただし、cloudflareで管理してるドメインがほぼ必須なので、 ドメイン取得・維持費用が必要。
ここでは、
- cloudflare DNS
- cloudflare pages
- github
- hugo
- hugo theme “stack”
に依存した静的サイトの構築手順を記載する。
事前準備
cloudflare
- cloudflareのアカウントを作成する
- ドメインを取得・登録する
github
- githubのアカウントを作成する
- リポジトリを作成する
hugo
- hugoでサイトを作成する
- github にpushしておく
Cloudflare Pages でのサイト公開手順
cloudflare にアクセス、ログインする。 サイドバーからWorkers&Pages にアクセスして、新規にページを作成する。 github と連携して事前に作成しておいたリポジトリを選択する。
このとき、hugoのバージョンを指定しないとビルドが失敗するので、 環境変数を 変数名: HUGO_VERSION 値: v0.131.0+extended として設定する。
あとは次へを押していくだけでビルドが始まって、成功するはず。
カスタムドメインの設定も忘れずに。
所感
無料で使えるので、個人ブログなどには十分すぎるサービスだと思う。 cloudflare 万歳。