Hexo Next主题设置文章置顶

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

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

执行下面两行命令:

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

在新增文章的开头中加入top: true,比如:

---
title: Hexo Next主题设置文章置顶
id: a1
date: 2020-01-03 17:26:01
categories: Hexo
tags: Next主题
top: true
---

2 设置置顶标志

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

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

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

至此,功能已完成。

原文发于:https://hjxlog.com/posts/20200103a1.html

发布了29 篇原创文章 · 获赞 19 · 访问量 3万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章