• 百 度
  • 京 东
  • 淘 宝
  • 知 乎
  • Bing
  • Google
  • Yandex
  • Quora
  • GitHub
  • StackOverflow
  • SegmentFault
  • 医 疗

3-hexo置顶及排序问题参考文档

  1. 前言
  2. 功能实现
  3. 更新说明

这是 3-hexo 说明文件,转载自 Netcan_Spacehttp://www.netcan666.com/2015/11/22/%E8%A7%A3%E5%86%B3Hexo%E7%BD%AE%E9%A1%B6%E9%97%AE%E9%A2%98/

前言

解决Hexo置顶问题
考虑到之前的博客有置顶文章,所以需要置顶功能。

功能实现

Google 了一下解决方案,发现了本博客主题是支持置顶功能的,
在需要置顶的 Front-matter 中加上 top: true 即可。
试了一下,能置顶……… , 只是文章置顶在某一页而不是首页。。

期间看到了 Pacman 主题支持置顶,需要在 _config.yml 中配置好需要置顶的文章,略麻烦。

然后看到了 next 主题支持置顶,
在博文 front-matter 中加上 sticky: Sticky 即可置顶,根据 Sticky 的大小来决定置顶顺序。

想实现 next 主题那样的功能,
参考了一篇博文 添加Hexo置顶功能的操蛋3小时博主已加锁,所以没有转载该文章。
hexo-generator-index 中增加比较函数比较 top 值,
我试了一下 Bug 还是有的,置顶文章后文章日期有些会乱掉( 比较函数 条件 比较少)。

我自己写了一个比较函数,也有问题,
后来查了一下 Javascript 的 sort函数 ,其 比较函数 和 C++ 的完全不同= =

C++ 的比较函数:

template<class T>bool cmp(T a, T b) {
    return  a < b; // 升序,降序的话就 b > a
}

而Javascript的比较函数:

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

用了 C++ 的比较函数,结果当然会出问题,
期间都想重写 js 的排序函数了………
经过修改,已经能完美置顶了,
只需要在 front-matter 中设置需要置顶文章的 top 值,
将会根据 top 值大小来选择置顶顺序。(大的在前面)
以下是最终的 node_modules/hexo-generator-index/lib/generator.js

'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) { // 两篇文章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; // 都没定义按照文章日期降序排
    });
  var paginationDir = config.pagination_dir || 'page';
  return pagination('', posts, {
    perPage: config.index_generator.per_page,
    layout: ['index', 'archive'],
    format: paginationDir + '/%d/',
    data: {
      __index: true
    }
  });
};

----------------------------------------------------- 我是妖娆的分割线 ------------------------------------------------------

更新说明

2017-10-25 15:44 更新,为了防止每次更新、安装都要修改代码,现在可以直接从仓库里安装了:

$ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save

然后在需要置顶的文章的 Front-matter 中加上 top: true 即可。
Github: https://github.com/netcan/hexo-generator-index-pin-top


转载请注明来源。

文章标题:3-hexo置顶及排序问题参考文档

本文作者:bas369.com

发布时间:2020-07-06, 00:12:00

最后更新:2020-07-06, 00:59:51

原始链接:https://www.bas369.com/more/learning_notes/2020/07/06/3-hexo%E7%BD%AE%E9%A1%B6%E5%8F%8A%E6%8E%92%E5%BA%8F%E9%97%AE%E9%A2%98%E5%8F%82%E8%80%83%E6%96%87%E6%A1%A3/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。


  • 关于我们
  • 苏公网安备 32132302010228号
  • 联系我们
目录