jekyll GitHub 页面页面未加载资产

问题描述

距离完成我的网站如此之近。 无法在我的一生中将资产加载到网页上。它们在本地主机上运行良好。 尝试过 URL 和 baseurl 的每种组合的感觉。 一整天都在研究它,我想把头发撕掉。

代码https://github.com/debrincat/dd_blog.git

网站:https://debrincat.github.io/dd_blog/

解决方法

图片无法正常工作,因为图片位置不正确。
在包括Error 404页面在内的大多数地方,链接是错误的,如:
<a class="logo__link" href="deandebrincat/">Dean DeBrincat</a>

相反,您应该使用,
<a class="logo__link" href="/">Dean DeBrincat</a>
对于图片:
使用<img src="/images/04-1.jpg" alt="Page not found">代替<img src="deandebrincat/images/04-1.jpg" alt="Page not found">

,

问题在于您的图片所在的位置:

https://debrincat.github.io/dd_blog/images/p1.jpg

HTML 指向的位置:

https://debrincat.github.io/dd_blog//images/p1.jpg

要解决此问题,您需要将每个图像更改为指向“images/p1.jpg”而不是“/p1/kitty.jpg”。

当你在链接前加上“/”时,表示绝对路径,即项目最高目录中的路径。 你要的是相对路径,所以我们删除了第一个/。

html 中的错误:

<img src="/images/p1.jpg" alt="Dean DeBrincat's Picture">

您可以通过在浏览器中按 F12 并点击 console

来找到此错误

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...