解決Hexo博客文章置頂問題


Hexo默認只提供了按發(fā)布日期的排序,只好網(wǎng)上找了些資料修改。

原理:在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的比較函數(shù):

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

修改完成后,只需要在front-matter中設(shè)置需要置頂文章的top值,將會根據(jù)top值大小來選擇置頂順序top值越大越靠前。需要注意的是,這個文件不是主題的一部分,也不是Git管理的,備份的時候比較容易忽略。

以下是最終的generator.js內(nèi)容

'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
    }
  });
};

博客效果:

博客文章置頂效果

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容