背景图像在 github 页面上不起作用

Question

奇怪的问题，在本地测试时一切都很好，但在 github 页面上却不行。

图片位于 /img 下 其中指向此图像的 sccs 位于 /scss/pages/ 下 所以在这种情况下，我需要返回两个目录。 它看起来像这样：

  background-image: url('../../img/blob-shape.svg');

正如我在本地所说的，这很好，但不是 github 页面。为什么？

您可以在此处查看项目结构： https://github.com/geborskimateusz/my-resume

和 github 页面（此 svg 位于最新作品部分）： https://geborskimateusz.github.io/my-resume/

Answer 1

不要在生产中使用相对位置。

试试这个：

background-image: url('/img/blob-shape.svg');