Question

我在这里有一个测试站点，其中只有一个图像标签，无法加载：

https://jamie-siminoff-007.github.io/

索引文件是：

<!DOCTYPE html>
<html>
  <body>
    <img src="_heart.png" alt="foo">
  </body>
</html>

这是一个git页面，因此它完全托管在GitHub上，仓库位于此处：

https://github.com/jamie-siminoff-007/jamie-siminoff-007.github.io

我想念什么？

仅供参考，我可以在src中输入所谓的原始链接，如下所示：

https://raw.githubusercontent.com/jamie-siminoff-007/jamie-siminoff-6.github.io/master/_heart.png

但这似乎不是正确的方法。毫无疑问，当GitHub创建页面时，它们为您提供了一种使用相对路径的方法。

研究

Images in github pages and relative links ...不相关

https://pages.github.com ...没关系

https://help.github.com/en/categories/github-pages-basics ...图像上什么都没有

更多信息。

我发现google dev工具具有一项简洁的功能，您可以在其中更改图片的src属性，它将实时更新页面。

这就是我发现原始链接有效的方式。

更多信息。

我开始认为我的GitHub页面需要进一步配置，但我不确定。

我检查了我的配置，并配置为在主分支上发布，这很不错。这是我唯一的分支。

Answer 1

您的src似乎出现404错误（找不到文件）。对我而言，此src的工作原理是：“ https://raw.githubusercontent.com/jamie-siminoff-007/jamie-siminoff-007.github.io/master/_heart.png”

<html class="gr__jamie-siminoff-007_github_io"><head></head><body data-gr-c-s-loaded="true">
    <img src="https://raw.githubusercontent.com/jamie-siminoff-007/jamie-siminoff-007.github.io/master/_heart.png" alt="foo">
  


</body></html>

为什么在使用github页面时无法显示图像？

1 个答案: