为Hexo添加文章置顶功能(三)

置顶功能我觉得应该是Hexo提供的,希望后续可以增加吧。我在查找了一些资料调试后,基本达到了首页文章置顶的功能,最终参考自解决Hexo置顶问题

原理:在Hexo生成首页HTML时,将top值高的文章排在前面,达到置顶功能。具体效果可以看我的首页,前面几篇文章不是最新时间的,也就是相当于置顶文章。

系列教程

修改

修改站点文件夹下node_modules/hexo-generator-index/lib/generator.js,在生成文章之前进行文章top值排序。

增加代码

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; // 都没定义按照文章日期降序排
});

完整文件代码

'use strict';
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
}
});
};


'use strict';

var pagination = require('hexo-pagination');

module.exports = function(locals) {
var config = this.config;
var posts = locals.posts.sort(config.index_generator.order_by);
var paginationDir = config.pagination_dir || 'page';

return pagination('', posts, {
perPage: config.index_generator.per_page,
layout: ['index', 'archive'],
format: paginationDir + '/%d/',
data: {
__index: true
}
});
};

使用

在文章中,增加top值定义,值越大,文章排序越靠前。top值默认为0,若不设置top,则不参与排序。示例:

title: 为Hexo添加文章置顶功能(三)
categories: Tech
tags: [Hexo,文章置顶]
top: 1
date: 2016-07-20 11:44:40

## 标题

正文

总结

修改方式上有些投机,代码修改较少,虽然首页置顶的文章没有[]的字样。不过基本达到置顶要求了。

网站备份的时候,记得备份好文件node_modules/hexo-generator-index/lib/generator.js,因为这个文件既不是站点文件,也不是主题文件,而文件夹默认不参与git版本控制,所以迁移博客文件时很容易忽略。

热评文章