GitHub 上的 Jekyll 问题

Issue with Jekyll on GitHub

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

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

当您单击缩略图时,它应该会打开一堆图像和段落,基本上是一个 html 文档。

当我在本地 运行 时,它工作得很好,但在 gh-pages 上它不会加载(只有一个微调动画,当加载缓慢时我会显示它)。

我猜想在 GitHub 上无法以这种方式完成,但我不知道如何解决这个问题。或者我弄错了链接之类的。我真的不知道

我认为这是你的 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。