Next主题博客修改底部前后文章链接显示顺序

今天无意间发现Next主题博客在底部的前后文章链接给出的顺序与我们习惯的顺序相反。它把后一篇文章的链接放在了左边,而把前一篇文章的链接放在了右边,可以见下面给出的截图。我在源码中修改了链接的顺序,今天做了一个小分享。

1. 修改swig文件

  • 打开themes/next/layout/_macro/post.swig文件,定位到if not is_index and (post.prev or post.next的代码段,将代码段里的prevnext进行互换即可。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    {% if not is_index and (post.prev or post.next) %}
    <div class="post-nav">
    <!--这里的class必须是next, 否则箭头和链接文字的顺序会反-->
    <div class="post-nav-next post-nav-item">
    {% if post.prev %}
    <a href="{{ url_for(post.prev.path) }}" rel="prev" title="{{ post.prev.title }}"><i class="fa fa-chevron-left"></i> {{ post.prev.title }}
    </a>
    {% endif %}
    </div>
    <span class="post-nav-divider"></span>
    <div class="post-nav-prev post-nav-item">
    {% if post.next %}
    <a href="{{ url_for(post.next.path) }}" rel="prev" title="{{ post.next.title }}">{{ post.next.title }} <i class="fa fa-chevron-right"></i>
    </a>
    {% endif %}
    </div>
    </div>
    {% endif %}
  • 看看修改之后的效果,显示顺序变成了我们习惯的顺序。

------------- 本文结束 感谢您的阅读 -------------

本文标题:Next主题博客修改底部前后文章链接显示顺序

文章作者:Perry

发布时间:2019年10月02日 - 09:53

最后更新:2019年10月02日 - 10:51

原始链接:https://perry96.com/archives/531cca2c.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

0%