获取最新 Post 与 Eleventy 一起显示在主页上

Get Latest Post To Show on Home Page with Eleventy

我正在研究静态站点生成器并尝试使用基本的 eleventy 博客构建一个博客: https://github.com/11ty/eleventy-base-blog

到目前为止,一切都很好,但我想知道如何让它在 home/index 页面上显示最新的 post。

开箱即用,它将使用 nunjucks 显示指向 post 的 3 个最新链接:

{% set postslist = collections.posts | head(-3) %}
{% set postslistCounter = collections.posts | length %}
{% include "postslist.njk" %}

但我想知道如何从 posts 目录中获取最新的降价 post 并查看它是否可以将其提取出来。

我在想一定有一种方法可以像这样在 nunjucks 中检查日期(我知道这是错误的,但我想知道):

{% if post.date = currdate %}
{% include "posts.njk" %}
{% endif %}

无论如何,我知道这是可能的,但我仍在努力学习并寻找正确的方向。

我认为这对你有用:

{% set postslist = collections.posts | head(-3) %}

<h1>Latest Post</h1>
{{ postslist[0].templateContent | safe }}

我基本上只用第一个post的templateContent变量。我将 set 命令移到了模板中更高的位置,这样我就可以使用另一个 H3。这是我的整个文件:

---
layout: layouts/home.njk
eleventyNavigation:
  key: Home
  order: 1
---

{% set postslist = collections.posts | head(-3) %}

<h1>Latest Post</h1>
{{ postslist[0].templateContent | safe }}

<h1>Latest 3 Posts</h1>

{% set postslistCounter = collections.posts | length %}
{% include "postslist.njk" %}

<p>More posts can be found in <a href="{{ '/posts/' | url }}">the archive</a>.</p>