原来用的WordPress,直接很方便地管理置顶文章,Hexo只提供了按发布日期的排序,只好网上找了些资料修改。
原理:在Hexo生成首页HTML时,将top值高的文章排在前面,达到置顶功能。
修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js
,在生成文章之前进行文章top值排序。
需添加的代码:
1 2 3 4 5 6 7 8 9 10 11 12 13
| 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; });
|
其中涉及Javascript的比较函数:
1 2 3
| cmp(var a, var b) { return a - b; // 升序,降序的话就 b - a }
|
修改完成后,只需要在front-matter
中设置需要置顶文章的top
值,将会根据top
值大小来选择置顶顺序top
值越大越靠前。需要注意的是,这个文件不是主题的一部分,也不是Git管理的,备份的时候比较容易忽略。
以下是最终的generator.js
内容
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
| '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 } }); };
|
参考文档
解决Hexo置顶问题
本文标题:Hexo博客添加文章置顶功能
文章作者:凹凸曼
发布时间:2017-05-23
最后更新:2017-05-23
原始链接:https://sobaigu.com/hexo-post-stick-to-top.html
版权声明:转载请务必保留本文链接和注明内容来源,并自负版权等法律责任。