【问题标题】:GitHub Pages not pulling imagesGitHub Pages 不提取图像
【发布时间】:2019-12-27 02:53:02
【问题描述】:

我对 GitHub 很陌生。我用我的主要项目做了一个回购,一切似乎都很好。然后我又做了一个回购,即使 HTML 和 CSS 似乎可以通过,我的图像也不会显示出来。

我了解 GitHub 区分大小写,我认为这不是问题所在。我唯一的理论是,也许因为它不是主要的存储库,图像的路径应该在我的标记上改变?我没有任何线索。它已经运行了将近一个小时,所以它也可能需要几分钟来拉取图像。

这里是回购链接https://github.com/NikolaosKalfas/fleshformers.git (我希望这是你链接回购的方式)。

任何帮助将不胜感激, 非常感谢!

【问题讨论】:

  • 您是否检查过图像实际上是在标记所说的位置?
  • 我不确定我这样做是否正确,因为我不知道如何将标记指向 GitHub 上的不同存储库。在我的本地设置中,当我在线托管时,这个标记工作得很好。

标签: html git github github-pages


【解决方案1】:

您的网站目前在https://nikolaoskalfas.github.io/fleshformers/ 可见。您对图像使用绝对路径,例如/dist/images/Logo.png。这使得图像的完整 URL https://nikolaoskalfas.github.io/dist/images/Logo.png 和 Github 返回错误 404,因为它在 URL 中没有图像。正确的 URL 是https://nikolaoskalfas.github.io/fleshformers/dist/images/Logo.png

我的建议是使用相对 URL,例如 ../dist/images/Logo.png../../dist/images/Logo.png,具体取决于 HTML 文件的路径。这样,无论前缀如何,您的网站都可以正常工作。

【讨论】:

  • nikolaoskalfas repo 中也有一个“dist”目录。根据你所说的,我是否正确地假设../dist/images/Logo.png 会尝试从那个而不是肉体回购中的那个中提取?因为我尝试了你的解决方案,但它仍然不起作用。
  • 目录dist 无济于事,因为浏览器无法访问它。徽标图像的 URL 当前是 nikolaoskalfas.github.io/dist/images/Logo.png,因为它是用 HTML 编写的 /dist/images/Logo.png。 URL 必须是 nikolaoskalfas.github.io/fleshformers/dist/images/Logo.png。至于“仍然不起作用”——对于根文件夹中的 HTML,相对路径是 ./dist/ 或只是 dist/(没有前导斜杠)。
猜你喜欢
  • 1970-01-01
  • 2019-12-29
  • 2021-12-27
  • 1970-01-01
  • 2011-08-14
  • 2023-01-24
  • 1970-01-01
  • 2017-11-20
  • 2021-02-05
相关资源
最近更新 更多