Github 页面未加载 CSS 背景图像

Question

我正在做一个复制静态网站以进行练习的项目。 这是原文。

我的副本托管在Github 页面上。

如您所见，原始图像具有抽象背景图像。 在实时服务器上运行我的网站时，背景显示没有问题。 然而，在 Github 上没有显示背景，即使我推送它时我的目录结构没有改变。

这是启用背景图像的 CSS，并在本地正常工作：

background-image: url('/copy-site/assets/gradient-violet-bg.jpg');

Github 不允许这种链接吗？ 如果是，原因是什么？

Answer 1

只需使用相对 URL 作为background-image: url("./assets/gradient-violet-bg.jpg")就可以了。

Answer 2

我可以看到所有其他图像都已正确加载到您的站点中。 我建议您将文件夹中的背景图像与其他图像一起移动（因为现在不存在）并将该 url 放在background-image属性中。 所以像这样

background-image: url('assets/gradient-violet-bg.jpg');

并且应该工作。 另一种方法是从源网站直接调用图像的 url

background-image: url('https://www.kastapp.co/images/gradient-violet-bg.jpg');