記事更新のモチベを上げる為、ファイルの階層構造を整理してPage Bundleに準ずるように変更しました

その後、記事内の画像が何故かリンク切れになってしまい表示されなくなりました

原因を頑張って探りました

時間がかかりすぎて心が折れそうになりましたが、原因は特定できました

別のHTMLタグが作用することで、想定と異なるリンクを参照していたようです

例えば、このページ(/posts/2022/11/hugo-page-bundle)から同じ階層の画像(example.jpg)を参照する場合は

<img src="example.jpg">

と記述すれば良いです

しかし、

<base href="https://example.github.io">

のような記述があった場合、参照URLはhttps://example.github.io/posts/2022/11/hugo-page-bundle/example.jpgではなく、https://example.github.io/example.jpgとなってしまいます

今回の場合は、使用しているテーマの中にbase hrefを指定する記述があり、参照先が勝手に変わってしまっていました

当該部分をコメントアウトすると、リンク切れは全部直りました

HTMLソースと睨めっこしなければ一生気づかなかったと思います・・・

Hugoで原因不明の不具合が発生したら、テーマも疑って見たほうが良さそうです・・・

お風呂入って寝ます