HEXO默认是按照时间顺序排一条线，然后按照时间顺序来决定显示的顺序的。按照网上的教程整理了一份方法。

Hexo博文置顶（自定义排序）

使用的是top属性，top值越高，排序越在前，不设置top值得博文按照时间顺序排序。
修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js

打开在最后添加如下javascript代码

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; // 都没定义按照文章日期降序排

});

在写文章的时候添加top属性就行了。

文章有多种属性，一个一个添加是不是很麻烦呢？

这个时候可以修改：HEXO博客的scaffolds\post.md

附上个人的post设置

Hexo博文置顶（自定义排序）相关推荐

html置顶代码,详情页置顶自定义版块代码
详情页是能留住客户的关键,怎么在详情页上带来更好的转化? 在产品的头部做些商品推荐,活动推荐是不错的方法. 1.在产品装修页面里,添加一个自定义版块,右键点击审查元素(360浏览器是审查元素,其他浏览 ...
hexo博客文章置顶功能实现的两种方法
写在前面本文主要描述了如何实现hexo文章置顶功能,讲述了通过修改源码和通过更改插件两种方式实现,以及如何添加置顶显示.文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 win10 ...
hexo博客优化之文章置顶+置顶标签
本文首发于wangwlj.com 博文置顶一种方法是手动对相关文件进行修改,具体可参考这篇文章. 另一种方法就是,目前已经有修改后支持置顶的仓库,可以直接用以下命令安装. $ npm uninsta ...
php置顶文章,php实现文章置顶功能的方法
本文实例讲述了php实现文章置顶功能的方法.分享给大家供大家参考,具体如下: 昨天客户让做文章置顶的功能.自己以前没做过.靠着同事的指点才做了出来.本来挺简单的事情,被自己搞了好久.自己真的缺乏对程序 ...
ag-grid 学习笔记三：ag-grid设置（定义列、选择行、复选框、设置行高列宽、置顶合计行、底部合计行、行组、客户端排序）
目录一定义列二选择行三设置复选框四设置行高列宽五置顶合计行六底部合计行七行组八客户端排序一定义列表格的列有如下常用属性. 名称说明 headerName 显示的 ...
android imageview 锯齿,[置顶] android 自定义圆角ImageView以及锯齿的处理
看到很多人开发过程中要使用圆角图片时,解决方法有: 1.重新绘制一张图片 2.通过布局来配置 3.通过重写View来实现其中1,2在这里就不讲了,重点讲讲方法三的实现. 实现一:通过截取画布一个圆形 ...
企业微信每日给女友推送早安，5分钟快速部署，腾讯云部署版本，每日定时发送，天气，鸡汤，纪念日等信息，可自定义通知提醒名称，聊天界面可置顶，内容可查图片。
企业微信每日给女朋友推送早安,5分钟快速部署,每日定时发送,天气,鸡汤,纪念日等信息,可自定义通知提醒名称,聊天界面可置顶,内容可查图片. 先看效果直接开搞准备工作 1.企业id 2.企业应用se ...
帖子置顶原理 php,自定义织梦cms文章置顶及其功能原理分析
本人在织梦dedecms本发分类信息发布系统那个功能的时候,因为,用到置顶功能,这是很多分类信息系统最很重要的特色,所以,对这个作了一个织梦dedecms系统的研究,以前用织梦dedecms系统建站, ...
FineCMS v5.0.5 系统实现置顶与推荐功能及排序
FineCMS v5.0.5 是一个公益的项目,是基于ci框架的一个cms,做的很好的cms,之前的是1.9.3的版本,后来好像换好开发团队,后台的界面变的不太好用了, 最近又推出了一个finecms ...
Java怎么做置顶_[Java教程]自定义置顶TOP按钮
[Java教程]自定义置顶TOP按钮 0 2015-12-10 22:00:13 简述一下,分为三个步骤: 1. 添加Html代码2. 调整Css样式3. 添加Jquery代码具体代码如下: #GoT ...

Hexo博文置顶（自定义排序）

Hexo博文置顶（自定义排序）

Hexo博文置顶（自定义排序）相关推荐

最新文章

热门文章