_layout 默认 ajax 已加载 html 未被 jekyll 解析

Question

我已经为我的 jekyll 站点创建了一个默认的 web _layout。 Liquid 标签在 default.html 中得到了预期的处理，这很棒。在下面的摘录中，循环和 post.url & post.title 按预期展开。但我想将内容加载到 id="page-content-wrapper" 中。 div中加载的内容来自pages/blog.html。如果我将 Liquid 指令放入该文件，jekyll 不会处理它们，因此呈现的内容只会显示文字“{{ content }}”。

如何让 jekyll 处理 pages/blog.html 中的液体标签？

Answer 1

好的，明白了！

您的页面不是由 jekyll 生成的，它们只是被复制为静态文件。为了生成您的页面，您需要向它们添加 front matter。

page/home.html

---
layout: null
---
<div class="row-fluid">
  <div class="row">
    <div class="col-md-8">
      <h1>Home Page</h1>
        {{ site.name }}
      <p>Content will go here</p>
    </div>
    <div class="col-md-4">
      <h3>Sidebar</h3>
      <p>Sidebar content goes here.</p>
    </div>
  </div>
</div>

这将生成您的 ajax 调用所需的 html 片段。对 pages 文件夹中的每个文件执行此操作。

您的永久链接设置出现了一个小问题 permalink: pretty。使用此设置，pages/home.html 变为 pages/home/index.html 并且您的 ajax 调用 returns 出现 404 错误。

您可以设置permalink: :title，它会正常工作。

_layout 默认 ajax 已加载 html 未被 jekyll 解析

_layout default ajax loaded html not getting parsed by jekyll

liquid

jekyll

page/home.html