エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです! プログラムだけじゃなく、マネジメントとかも書いていきたい!

【Hugo】hugo serverで動くのに、ビルド後は正しく動かないときの対応【582日目】

hugo serverでは上手くいく

hugo server

で、ローカル環境でのhugoの動作確認が出来ます。
その時には正しく動くが、 hugo とか、Netlifyとかでビルドしたときには、画面が正しく表示されない

原因: CSSや画像などが読み込まれてない: URLが正しくない

崩れてるのは、CSSや画像などが正しく読み込まれていないから。

画像とかの読み込みのところを見ると、どうやらURLがおかしそう。

解決: baseURLの記述を変える

config.toml

このとき、実際のドメインのURLと、config.tomlのbaseURLが異なっていたらこれが原因の可能性が高い。よく踏むミス。

example.comと書かれていれば、実際のURLのものに直すと正しく動く。