Hexo Next主题添加文章置顶的功能

安装支持置顶的仓库

1
2
npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save

文章实现置顶功能

在文章的Front-matter加上top: true或者top: 任意数字,其中数字越大,文章将会越靠前,例如:

1
2
3
4
5
6
7
---
title: Hexo Next主题添加文章置顶的功能
date: 2019-09-30 01:01:03
tags: hexo
categories: hexo
top: true
---

到这里文章的置顶功能已经实现,但是被置顶的文章此时还没有置顶的标志,所以我们还需要给文章加上置顶标签

设置置顶标签

打开文件/themes/next/layout/_macro/post.swig,搜索

1
<div class="post-meta">

的下一行加入以下代码:

1
2
3
4
5
{% if post.top %}
<i class="fa fa-thumb-tack"></i>
<font color=green>置顶</font>
<span class="post-meta-divider">|</span>
{% endif %}
-------------本文结束您的阅读与肯定是我持续装*的最大动力-------------