このブログを astro-notion-blog へ移行中、 public 配下に置いた画像が読み込まれなくて調べた備忘録。

<img src='../../public/icon.png' width="170">

astro ファイルからの相対パスで public 配下の画像を指定していた。

ローカルでは表示されたがビルド後には表示されなかった。

Images

Learn how to use images in Astro.

https://docs.astro.build

公式ドキュメントによると

In .astro files

Copy

<!-- Local image stored at public/assets/stars.png -->
<img src="/assets/stars.png" alt="A starry night sky.">

だそうで、public 以降の URL で指定してあげればいいらしい。

今回は public/icon.png なので

<img src='/icon.png' width="170">

とすることで…

無事解決した 🎉