Cloudflare Page で Hugo で作ったページを公開する
https://gohugo.io/
技術ブログを書こうと Zenn や Qiita に書こうとも思ったが、せっかく無料で公開できる Cloudflare Pages を使ってみようと思いドキュメントを見つつやってみました。
基本的には Tutorial をいてやればよかったですが、微妙に詰まったのでメモを残しておきます。
環境:
OS: Mac 15.2（24C101）
Hugo のセットアップ
以下の Quick Start を見つつ進めていく
https://gohugo.io/getting-started/quick-start/
1. brew インストール
Mac なので、brew を使います
brew がない場合は以下コマンドでインストール
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
2. Git インストール
大体持っていると思いますが、git versionなどしてみて万が一なければ brew でインストールします。
brew install git
3. go インストール
ビルドに go を使う場合があるので go もインストールします
https://go.dev/doc/install
4. Hugo インストール
最後に Hugo をインストール
brew install hugo
以下のようにそれぞれ以下のようにバージョンが表示されれば OK
$ git -v
git version 2.39.5 (Apple Git-154)
$ brew -v
Homebrew 4.4.13
# hugo version
hugo v0.140.1+extended+withdeploy darwin/arm64 BuildDate=2024-12-23T16:26:35Z VendorInfo=brew
ローカルでサイトを表示する
- プロジェクト作成
この場合my-blogをいうページが作成されます