GitHub 页面未显示背景图片，FF 控制台显示无法加载图片

GitHub page is not showing background image, FF console shows couldn't load images

虽然有图像文件，但我不明白为什么 GH 页面无法显示它们？

这在本地工作正常。

GH Repo

代码

background-image: url(/images/bg-pattern-top.svg),
url(/images/bg-pattern-bottom.svg);

图片文件夹

 ./images

FF 控制台错误

我想你可能错过了一些路径。

  1. 试试 console.log 等等 你的​​ url() 首先是 return 你现在的 link 还是不是？
  2. 在 return 与当前页面相同 link 之后，然后添加您的图片路径。 url(/images/profile.jpg)
  3. 上次检查图像文件夹是否可以在 public 上访问。 （* 不知道该说什么，但是文件夹图像可以通过输入带有图像路径的完整 url 来访问。就像 localhost/images/profile.jpg 一样，它会显示图像。）

通过以下更改可以正常工作，但我不确定为什么它在本地设置中可以正常工作？

  1. 改变1

    background-image: url("../images/bg-pattern-top.svg"), url("../images/bg-pattern-bottom.svg");

  2. 改2

    background-image: url("../images/bg-pattern-card.svg");

  3. 变3

    background-image: url("../images/bg-pattern-top.svg"), url("../images/bg-pattern-bottom.svg");

是否有 VS Code 插件可以捕获此类错误或显示可遵循的良好做法？