【问题标题】:Images and Video not loading on Github Pages图像和视频未在 Github 页面上加载
【发布时间】:2018-02-22 11:28:32
【问题描述】:

我正在开发一个带有 Github 页面的网站。我的代码已经过审核,据说是正确的,但是当我在浏览器上查看该站点时,我的图像和视频不显示。我在这个网站上读过很多类似的问题,但答案总是文件路径区分大小写。我的情况也是这样,还是不行。

我尝试使用来自 github 的“原始”网址。尝试使用 ./ 并且只是 / 没有运气。我的电子邮件已通过验证。

还有其他建议吗?谢谢!!

https://jeanninejacobs.github.io/excursion/

【问题讨论】:

    标签: image github-pages


    【解决方案1】:

    我还发现文件扩展名区分大小写。例如,如果文件名为 *.JPG,则文件路径也必须全部大写。

    【讨论】:

      【解决方案2】:

      您网站的顶层位于https://jeanninejacobs.github.io/excursion/

      这意味着位于resources/images/camp.jpg 的图像的完整路径为https://jeanninejacobs.github.io/excursion/resources/images/camp.jpg

      但是,您使用的是相对于域顶部的/resources/images/camp.jpg,换句话说,相对于https://jeanninejacobs.github.io。这意味着/resources/images/camp.jpg 引用https://jeanninejacobs.github.io/resources/images/camp.jpg,这是错误的,因为它缺少excursion 子目录。

      解决问题的最简单方法是使用/excursion/resources/images/camp.jpg 而不是/resources/images/camp.jpg

      或者您可以使用自定义域并删除 excursion 子目录。

      如果您需要更具体的内容,还有更高级的选择,但希望这能让您朝着正确的方向前进。

      【讨论】: