原來用的WordPress,直接很方便地管理置頂文章辟犀,Hexo只提供了按發(fā)布日期的排序钉迷,只好網(wǎng)上找了些資料修改。
原理:在Hexo生成首頁HTML時(shí)篷朵,將top值高的文章排在前面勾怒,達(dá)到置頂功能。
修改Hexo文件夾下的node_modules/hexo-generator-index/lib/generator.js
声旺,在生成文章之前進(jìn)行文章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; // 都沒定義按照文章日期降序排
});
修改完成后腮猖,只需要在front-matter
中設(shè)置需要置頂文章的top
值鉴扫,將會(huì)根據(jù)top
值大小來選擇置頂順序top
值越大越靠前。需要注意的是澈缺,這個(gè)文件不是主題的一部分坪创,也不是Git管理的,備份的時(shí)候比較容易忽略姐赡。
以下是最終的generator.js內(nèi)容
'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) {
if(a.top == b.top) return b.date - a.date;
else return b.top - a.top;
}
else if(a.top && !b.top) {
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
}
});
};