Recent Post

About

ゲームを作って稼げたらいいなと思っているモバイルアプリエンジニアです。
最近バックエンドのことを触ることが多少ありバックエンドも勉強中。

よく使う言語 Dart, Swift, Kotlin, C#

read more

Cloudflare PagesでHugoで作ったページを公開する

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

ローカルでサイトを表示する

  1. プロジェクト作成

この場合my-blogをいうページが作成されます

read more