折影轻梦

发布于 2021-08-11 10:37:03

6010

发布于 2021-08-11 10:37:03

文章被收录于专栏：折影轻梦

2021年07月15日 386 字大概 2 分钟

在“还有书籍”主题中，我把分类当作一本书，分类中的文章则形成一本书的内容。

这时，不能简单的调用全站的文章来当作上一篇、下一篇的内容。

所以结合 Hexo 基于分类输出文章 - 折影轻梦 (nexmoe.com) 我写了一个基于分类输出上一篇、下一篇文章。

直接贴代码了，看注释应该能看懂

<nav class="post-nav">
<% site.categories.map(function(category){  %>
    <% page.categories.map(function(page_category){ %>
        <% if(page_category.name == category.name){ %> <!-- 先找到与当前文字相同的目录 -->
            <% let i = 0;%>
            <% category.posts.sort('-date').map(function(post){ %>
                <% i++;  %> 
                <% if(post.title == page.title){ %> <!-- 在找到当前文章所在的 index -->
                    <% let ix = 0;%>
                    <% category.posts.sort('-date').map(function(post){ %>
                        <% ix++; %> 
                        
                        <% if(ix == i + 1 && post.title){ %>  <!-- 上一篇文章 --> 
                            <div class="old">
                                <span>上一章</span>
                                <a href="<%- url_for(post.path) %>"> <%= post.title %></a>
                            </div>
                        <% } %>
                        
                        <% if(ix == i - 1 && post.title){ %> <!-- 下一篇文章 --> 
                            <div class="new">
                                <span>下一章</span>
                                <a href="<%- url_for(post.path) %>"> <%= post.title %></a>
                            </div>
                        <% } %>
                        
                    <% }) %>
                <% } %>
            <% }) %>
        <% } %>
    <% })%>
<% }) %>
</nav>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021年07月15日，如有侵权请联系 cloudcommunity@tencent.com 删除

hexo