Netlifyのプレビュー用URLに合わせてHugoのbaseURLを変更する

[kai2nenobu]

Netlifyはプルリクに対してプレビュー用の動的なサブドメインを発行してくれる。プルリクからプレビュー用のトップページには遷移できるのだけど、ブログの各記事に飛ぶと、config.tomlのbaseURLで設定されているURL（つまりは本番向けのURL）に遷移してしまう。

これはプレビュー用のデプロイでも同じ config.toml を使ってるのでさもありなん、というところ。Netlifyのプレビュー用ドメインに合わせて baseURL を変更する方法を調べる。

[kai2nenobu]

答えはフォーラムに書いてあった。

• https://discourse.gohugo.io/t/correct-baseurl-on-netlify-previews/10429/6

Hugoは -b, --baseURL オプションで config.toml の baesURL を上書きできる。なのでNetlifyのビルドコマンドにそれを指定してあげればいい。

フォーラムの例では netlify.toml にコマンドを指定しているが、NetlifyのWebでもできる。具体的には Settings > Build & deplooy > Continuous Deployment > Build settings の Build command に hugo -b $DEPLOY_URL を指定すればよい。