使用 Github 和 Vercel 的托管网站，图片不会显示

Question

我正在制作一个网站，该网站将托管在 Vercel 上，文件在 github 上，但我的图片不可见：

我 github 上的文件结构是：

这就是我的 html:

<img src="https://tom-odell-v2.vercel.app/assets/images/tom-odell-album-coverart.jpg" class="album-cover">

我不确定我做错了什么，希望有人能指导我正确的方向，因为我已经尝试了这里建议的几种不同的解决方案并且 none 似乎有效。

Answer 1

您在 HTML 代码中提供了错误的图片来源 link。

也许您错过了 link 中的 /assets/ 路径。应该是

<section id="music"class="landing">
    <img src="../assets/images/tom-odell-album-coverart.jpg" class="album-cover">
</section>

但你已经给出了：

<section id="music"class="landing">
    <img src="../images/tom-odell-album-coverart.jpg" class="album-cover">
</section>

Hosting site with Github and Vercel, images won't show up