与Jekyll在GitHub上的问题

Question

我在我的网站上遇到加载工作部分的问题。这是回购：https://github.com/Vukasin90/test/blob/gh-pages/_includes/work.html

这是我们的网站：https://vukasin90.github.io/test/

当你点击缩略图时，它应该打开一个图像和段落，基本上是一个HTML文档。

当我在本地运行时，它工作得很好，但是在gh-pages上它不会加载（那里只有一个微调动画，我加载时显示的速度很慢）。

我猜测它不能在GitHub上以这种方式完成，但我不知道如何解决这个问题。或者我错了链接或其他东西。我真的不知道

Answer 1

我认为这与你的js有关，而不是Jekyll。

Jquery正在请求：https://vukasin90.github.io/work/work-1.html

而不是https://vukasin90.github.io/ 测试 /work/work-1.html

还有其他js错误 - 其他404和被阻止的资源。

如果你想在jekyll中引用完整路径，你应该使用site.url和site.baseurl，例如：

..data-folder="{{ site.url|append: site.baseurl }}/work/work-1" style="background-image: url({{ site.url|append: site.baseurl }}/Assets/img/work/proj-1/thumb.jpg"..)

玩得开心。

修改

上面修改过以更好地显示页面更改。

或者，如果要修复保留内联相对引用，请更改这些：

...data-folder="../work/work-1"...

要：

...data-folder="../test/work/work-1"...

但是，请记住，Jekyll和你的js之间的路径引用问题可能会以其他方式出现。因此id建议始终使用完整路径引用或更改js设置以包含baseurl。