美文网首页关于hexo@IT·互联网Hexo
解决Hexo博客文章置顶问题

解决Hexo博客文章置顶问题

作者: zhwhong | 来源:发表于2017-04-27 10:24 被阅读1667次

    Hexo默认只提供了按发布日期的排序,只好网上找了些资料修改。

    原理:在Hexo生成首页HTML时,将top值高的文章排在前面,达到置顶功能

    修改Hexo文件夹下的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; // 都没定义按照文章日期降序排
    });
    

    其中涉及Javascript的比较函数:

    cmp(var a, var b) {
        return  a - b; // 升序,降序的话就 b - a
    }
    

    修改完成后,只需要在front-matter中设置需要置顶文章的top值,将会根据top值大小来选择置顶顺序top值越大越靠前。需要注意的是,这个文件不是主题的一部分,也不是Git管理的,备份的时候比较容易忽略。

    以下是最终的generator.js内容

    '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);
    
      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博客文章置顶问题

        本文链接:https://www.haomeiwen.com/subject/xosgzttx.html