hugo serverでは上手くいく
hugo server
で、ローカル環境でのhugoの動作確認が出来ます。
その時には正しく動くが、
hugo
とか、Netlifyとかでビルドしたときには、画面が正しく表示されない
原因: CSSや画像などが読み込まれてない: URLが正しくない
崩れてるのは、CSSや画像などが正しく読み込まれていないから。
画像とかの読み込みのところを見ると、どうやらURLがおかしそう。
解決: baseURLの記述を変える
config.toml
このとき、実際のドメインのURLと、config.tomlのbaseURLが異なっていたらこれが原因の可能性が高い。よく踏むミス。
example.comと書かれていれば、実際のURLのものに直すと正しく動く。