【问题标题】:Issue with Jekyll on GitHubGitHub 上 Jekyll 的问题
【发布时间】:2018-02-10 23:52:18
【问题描述】:

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

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

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

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

我猜它不能在 GitHub 上以这种方式完成,但我不知道如何解决这个问题。或者,也许我在链接或其他方面犯了错误。我真的不知道

【问题讨论】:

    标签: github jekyll github-pages


    【解决方案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。

    【讨论】:

    • 你能提出一个拉取请求吗?我还没有 JS 的经验,所以我不确定我是否做得正确。我尝试了几件事,但似乎没有任何效果。我使用了完整路径,我改变了 JS(我添加了 /test/work/...),一个尝试过的 data-folder="../test/work/work-1" 我让它改变了。 JS 改变了,我添加了 /test/ 并且工作部分又回到了原来的样子......这让我发疯了:D
    • 我找到了解决方案!非常感谢,指出问题出在哪里!! :) 我在 JS /test/work 中添加...并且在 data-folder 中只输入了 html doc 的名称。例如“work-1”
    猜你喜欢
    • 2018-02-09
    • 2023-01-24
    • 2018-05-15
    • 2018-08-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-13
    • 2021-09-22
    相关资源
    最近更新 更多