Firebase 部署后图像没有出现？

Question

我正在用一个新网站更新我的在线作品集（我从 Free-Css.com 获取了一个模板）。当我预览它时，它工作正常。一旦我通过 Firebase 部署网站，我的 none 个图像就会出现。

所有图片都在 public 文件夹中，这是我的托管设置所在的位置。这是其中一张图片的示例：

<div class="col-md-6 about-img-div">
                <!-- <div class="about-border" data-aos="fade-up" data-aos-delay=".5"></div> -->
                <img src="Headshot.jpg" width="400" class="img-responsive" alt="" align="right" data-aos="fade-right" data-aos-delay="0" />

即使我使用拉路径名，图像仍然不出现。请注意，如果我只是打开 HTML 文件，它们会出现，但不会在部署时出现。我究竟做错了什么？这是网站：https://evanmny.com

Answer 1

我不确定你如何 create/generate HTML，但是当我在浏览器中加载你的站点时查看网络选项卡时，我看到它试图读取此 URL:

https://evanmny.com/Users/evanmullen/Public/city.jpg

应该是：

https://evanmny.com/city.jpg

Firebase 部署后图像没有出现？

Images not appearing after Firebase deploy?

html

css

deployment

image

firebase