jekyll GitHub Page 页面未加载资产答案

【问题标题】：jekyll GitHub Page page is not loading assetsjekyll GitHub Page 页面未加载资产
【发布时间】：2021-02-13 08:14:03
【问题描述】：

离完成我的网站如此之近。我一辈子都无法在网页上加载资产。他们在本地主机上工作正常。尝试过 URL 和 baseurl 的每种组合的感觉。一整天都在努力，我想把头发扯下来。

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

网址：https://debrincat.github.io/dd_blog/

【问题讨论】：

标签： jekyll github-pages assets jekyll-theme

【解决方案1】：

图像无法正常工作，因为图像位置不正确。
在包括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">

【讨论】：

【解决方案2】：

问题是您的图像的位置在：

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来查找此错误

【讨论】：

然而每一页等等也不起作用。我不明白每个页面是如何因为 / 而出错的，但它在本地工作？有没有我可以在 url 或基本 url 中更改的东西来修复