Hexo next 对文章进行自定义排序

心念的Blog

于 2024-02-14 11:00:21 发布

阅读量631

点赞数 17

分类专栏： Hexo 文章标签： json 前端 javascript

心念的blog

本文链接：https://blog.csdn.net/qq_40841382/article/details/136112029

版权

Hexo 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文讲述了如何在Hexo博客中实现文章的自定义排序，通过添加top标签并修改generator.js文件，让你可以根据top值调整文章显示顺序。同时提供了快捷方法和常见问题解决方案。

摘要由CSDN通过智能技术生成

创作灵感：

我今天在自己的网站写blog的时候遇到了文章排序无法自定义的情况，后来查阅网络之后并没有发现一个很好解决方案，于是经过多方努力之后，我解决了这个问题，最后发现这个问题不是很困难。于是心血来潮，抱着给像我这样的人栽树的心情，我决定自己出一篇教程来帮助大家。

开始

其实在hexo-next主题中已经预先设置好了一个给文章排序的功能，只不过是按照时间自己排序的，如果你想自定义排序的话，只需要添加相应的标签即可：

---
title: {{ title }}
date: {{ date }}
top:            # top值越大，文章排序越靠前
tags:
categories: 
---

所以要想给文章排序只需要在你写的文章开始时，在标签中加入top：即可，top数字越大排序越靠前。

解决问题

假如说你在进行上述操作之后还是没有解决问题请进行如下操作：

在node_modules\hexo-generator-index-pin-top\lib目录下的generator.js文件中整体修改为：

var pagination = require('hexo-pagination');
module.exports = function(locals){
  var config = this.config;
  var posts = locals.posts;
    posts.data = posts.data.sort(function(a, b) {
        if(a.top && b.top) { // 两篇文章top都有定义
            if(a.top == b.top) return b.date - a.date; // 若top值一样则按照文章日期降序排
            else return b.top - a.top; // 否则按照top值降序排
        }
        else if(a.top && !b.top) { // 以下是只有一篇文章top有定义，那么将有top的排在前面（这里用异或操作居然不行233）
            return -1;
        }
        else if(!a.top && b.top) {
            return 1;
        }
        else return b.date - a.date; // 都没定义按照文章日期降序排
    });
  var paginationDir = config.pagination_dir || 'page';
  return pagination('', posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

相信你修改成这样之后就可以按照之前的步骤对文章进行排序了。