Stay hungry,Stay foolish!

0%

Hexo Next主题设置文章置顶

Hexo Next主题中,首页文章默认排序方式是按照时间逆序来排的,越新的文章排在越前面。当我们想让访客一进来就能看到推荐的文章时,可以将这些文章置顶。

1 卸载原插件和安装置顶插件

执行下面两行命令:

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


在新增文章的开头中加入top: true,比如:
1
---
2
title: Hexo Next主题设置文章置顶
3
id: a1
4
date: 2020-01-03 17:26:01
5
categories: Hexo
6
tags: Next主题
7
top: true
8
---

2 设置置顶标志

打开\themes\your theme\layout_macro\post.swig

找到<div class=”post-meta”>下面插入一下代码:

1
{% if post.top %}
2
    <i class="fa fa-thumb-tack"></i>
3
    <font color="RED">置顶</font>
4
    <span class="post-meta-divider">|</span>
5
{% endif %}

至此,功能已完成。