前提

前編でローカル Hugo サイトを作成できた. これを Netlify にホスティングしたい.

手順

  1. Git push する

GitLab などのリモートリポジトリを作成し push する.

  1. Netlify からリポジトリを指定

Netlify の Import from Git から 1. のリポジトリを指定する.

  1. Nelify 上の Configure を設定

設定するのは以下の 3 つ.

https://nordic-life.eu/blog/how-to-deploy-a-static-site-from-scratch/

  • Branch to deploy: main か master
  • Bulid command: hugo
  • Publish directory: public

これで Deploy が通るはずなのだが失敗する. Hugo のバージョンが指定されていないため起こるらしい.

  1. Hugo のバージョンを指定

以下のコマンドでバージョンを確認する.

hugo version

以下を参考にして,Environment variables の値に, HUGO_VERSION を追加して,Value に調べたバージョンを記入.

https://docs.netlify.com/frameworks/hugo/

これで Deploy が成功するはず. しかし,サイトの表示が崩れレンダリングに失敗している.

  1. 設定ファイルの baseURL を修正

よく URL と同じにするように書いてあるサイトがあるが, シンプルにルートで良い.

https://yy16ki.hatenablog.com/entry/2022/07/30/031831

hugo.yaml の baseURL を以下のように修正する.

※ PaeperMod の設定ファイルは config.toml でなく,hugo.yaml.

baseURL: /

これで無事 Netlify 上で Hugo サイトがホスティングできるので, 記事を増やして見栄えをカスタムなどしていこう.