如何在我的Voog博客文章中添加指向前一篇文章和下一篇文章的链接？

Question

在Joomla、Wordpress和其他各种基于php的博客文章中添加上一篇和下一篇博客文章的链接似乎很容易。但是，我如何才能在我的Voog网站上添加这样的功能呢？我查看了他们的开发人员文档，但没有找到任何信息。

Answer 1

现在可以使用最新的Voog更新了。参见docs。

来源: Voog developers文档：

上一篇(旧版)文章

{% if article.older %}
  <a href="{{ article.older.url }}">{{ article.older.title }}</a>
{% endif %}

下一篇(较新的)文章

{% if article.newer %}
  <a href="{{ article.newer.url }}">{{ article.newer.title }}</a>
{% endif %}

Answer 2

目前，还没有直接获取上一篇和/或下一篇文章的方法，但可以通过以下代码轻松实现：

首先，我们必须找到当前的文章，以获得上一篇文章和下一篇文章

{% for blog_article in blog.articles %}
 {% if article.id == blog_article.id %}

请注意，blog.articles的排序是最新的，所以下一篇文章实际上排在前一篇

之前

   {% assign next_article_idx = forloop.index0 | minus: 1 %}
   {% assign prev_article_idx = forloop.index0 | plus: 1 %}
 {% endif %}
{% endfor %}

然后，再次循环浏览文章并获取之前找到的文章

{% for blog_article in blog.articles %}
 {% if prev_article_idx == forloop.index0 %}
   <a class="prev" href="{{ blog_article.url }}">{{ blog_article.title }}</a>
 {% endif %}

 {% if next_article_idx == forloop.index0 %}
   <a class="next" href="{{ blog_article.url }}">{{ blog_article.title }}</a>
 {% endif %}
{% endfor %}

锚定模板中的article page footer更高级一些，但使用相同的方法-您可以看到代码here。