前提
前編でローカル Hugo サイトを作成できた. これを Netlify にホスティングしたい.
手順
- Git push する
GitLab などのリモートリポジトリを作成し push する.
- Netlify からリポジトリを指定
Netlify の Import from Git から 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 のバージョンが指定されていないため起こるらしい.
- Hugo のバージョンを指定
以下のコマンドでバージョンを確認する.
hugo version
以下を参考にして,Environment variables の値に, HUGO_VERSION を追加して,Value に調べたバージョンを記入.
https://docs.netlify.com/frameworks/hugo/
これで Deploy が成功するはず. しかし,サイトの表示が崩れレンダリングに失敗している.
- 設定ファイルの baseURL を修正
よく URL と同じにするように書いてあるサイトがあるが, シンプルにルートで良い.
https://yy16ki.hatenablog.com/entry/2022/07/30/031831
hugo.yaml の baseURL を以下のように修正する.
※ PaeperMod の設定ファイルは config.toml でなく,hugo.yaml.
baseURL: /
これで無事 Netlify 上で Hugo サイトがホスティングできるので, 記事を増やして見栄えをカスタムなどしていこう.