原来用的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
版权声明:转载请务必保留本文链接和注明内容来源,并自负版权等法律责任。