使用Hexo博客中,想使用文章置顶功能,所以倒腾了下
期望
在Hexo Hiker 主题下让某些文章置顶
原理
在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管理的,备份的时候比较容易忽略。
如:
1 2 3 4 5 6 7
| --- title: PHP 必备 date: 2018-01-31 15:03:04 categories: PHP tags: PHP top: 9999 ---
|
上面的废话都可以不用看,直接修改下面的内容即可
以下是最终的 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 29 30 31 32 33 34 35 36 37 38
| '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 } }); };
|