Hexo Blog 文章置顶

前言

很多时候需要置顶不定期更新的文章,下面介绍一种简单的方法

使用插件

执行如下命令安装插件:

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

之后在需要置顶的文章的 front-matter 中加上 top: true 即可:

1
2
3
4
5
6
7
8
9
---
title: Hexo Blog 文章置顶
date: 2019-05-19 10:01:18
comments: false
tags: Hexo
keywords: [Hexo,Theme,主题,配置,博客]
description: 解决 Hexo Blog 文章置顶问题
top: true
---

到此为止功能就实现了,需要手动给文章增加置顶标志,需要改一下模版文件:

编辑 themes/next/layout/_macro/post.swig 文件,定位到 <div class="post-meta"> 标签中,插入如下代码,后重启服务即可:

1
2
3
4
5
{% if post.top %}
<i class="fa fa-thumb-tack"></i>
<font color="#999">置顶</font>
<span class="post-meta-divider">|</span>
{% endif %}
----本文结束 感谢您的阅读----