【问题标题】:Github Pages and SASS - project page does not load imagesGithub Pages and SASS - 项目页面不加载图片
【发布时间】:2017-02-01 15:09:14
【问题描述】:

我现在花了很多时间来解决这个问题,但我就是想不出一个解决方案。基本上这样的相对链接是行不通的:

background-image: url(../../img/footer_lodyas.png);

我不知道为什么。在我的另一个项目中,这样的相对链接工作得很好。唯一的区别是,我在这里使用的是 SASS/SCSS,但我不知道该怎么做。我已经尝试使用直接链接到存储库中的图像,但这也没有用。

同样奇怪的是,SCSS 正在工作,所以所有样式等都在那里,只是 URL 出了问题。

我没有 _config.yml 文件,因为它不再需要拥有相对链接 - 也许没有 css 预处理器?

【问题讨论】:

    标签: url github hyperlink sass


    【解决方案1】:

    所以对于遇到类似问题的人来说,这是我的解决方案:

    我将 URL 的路径设置为 SCSS 文件的路径,而不是 main.css,所以不是 oof 有

    background-image: url(../../img/footer_lodyas.png);

    这对我的 SCSS 文件的路径有效,我将其更改为我的 main.css 的路径。现在在 github 上一切正常,甚至不用 _config.yml 文件。

    background-image: url(../img/footer_lodyas.png);

    必须这样,因为我的 main.css 位于一个名为“css”的文件夹中,该文件夹与我的文件夹“img”位于同一文件夹中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-02-05
      • 2020-09-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-27
      • 2022-01-24
      相关资源
      最近更新 更多