【问题标题】:{{ content }} Liquid tag not showing blog posts{{ content }} Liquid 标签不显示博客文章
【发布时间】:2015-05-11 14:29:30
【问题描述】:

回购链接:https://github.com/AlvSovereign/AlvSovereign.github.io

我正在编写我的投资组合网站,并带有指向我的博客的链接。完整处理的作品集站点位于_site/index.html,其中包含指向博客的链接(完整处理的链接存在于_site/blog.html)

位于 repo 根目录的 Blog.html 在前面有一个布局“bl”,它在我的布局文件夹中的“bl.html”下定义。

bl.html”是我想要的博客页面布局,其中包含我的包含等。它还包含{{ content }}liquid 标签。

如果我以正确的方式考虑这一点,我的帖子将被解析(我认为这是正确的术语)为“post.html” - 前面有“布局:bl ",然后解析为 "bl.html",这是因为它们在每个文件中都有 {{ content }}

现在我的所有帖子都在_site/(year)/(month) 等中正确显示(我认为)。但是,它们并没有结束通过我的“blog.html”文件进行解析,然后在我的网页上可见。我怎么知道这是完全处理的“blog.html”文件中没有任何帖子。

我需要做什么来解决这个问题?

如果有帮助,我会使用 Prepros 进行 LiveReload,并使用 LANYON 模板 http://lanyon.getpoole.com/

【问题讨论】:

    标签: html tags jekyll shopify liquid


    【解决方案1】:

    {{ content }} 指的是文件中正在转换为 HTML 代码的所有内容。

    例如,如果您将一篇关于“Jekyll 是什么”的博文传递给任何带有 {{ content }} 标签的布局,那么除了 YAML 前端内容之外的所有文本都将放在该位置。基本上是帖子的内容。您还可以使用{{ post.content }} 限制范围,请参阅Variables 了解更多信息here

    因此 Liquid {{ content }} 变量按预期工作。

    查看您的网站,我相信您正在尝试显示 blog.html 文件中的所有帖子,所以您实际上要问的是 为什么我的帖子没有显示(未解析)在您的 blog.html 文件中,因此在您的网页上不可见。

    这样做的原因是因为您不应该为此使用{{ content }} 标签,而您想要的是类似代码as mentioned in the Jekyll docs 的sn-p 之类的东西,它将抓取您的所有帖子,并通过帖子显示它们标题,以及该帖子的链接。这是显示您的帖子列表的代码。 (取自我链接你的网站)

    <ul>
    {% for post in site.posts %}
        <li>
          <a href="{{ post.url }}">{{ post.title }}</a>
        </li>
      {% endfor %}
    </ul>
    

    因此,只需将 bl.html 布局中的 {{ content }} 替换为该代码 sn-p 即可。

    另外,如果您还想在帖子列表中显示内容/摘录,只需添加液体标签{{ post.content }}{{post.excerpt}},如下所示:

    <ul>
    {% for post in site.posts %}
        <li>
          <a href="{{ post.url }}">{{ post.title }}</a>
          {{ post.content }} /* or post.excerpt */
        </li>
      {% endfor %}
    </ul>
    

    当然,根据您的喜好相应地编辑 HTML。阅读how to set up post excerpts here 上的文档,该文档使用&lt;!--more--&gt; 注释分隔符作为摘录。

    我强烈建议您阅读 JekyllRb 文档以获取更多信息,它需要阅读的内容很多,而且并不总是容易理解,但请继续参考它,您很快就会了解更多。

    【讨论】:

    • 非常感谢@matrixanomaly 的简洁描述。这对我帮助很大。
    • @AlvinSovereign 很高兴能提供帮助。我还更新了帖子摘录上的错误链接供您参考
    猜你喜欢
    • 2021-08-09
    • 1970-01-01
    • 1970-01-01
    • 2019-08-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多