Hexo中next主题启用文章置顶功能

发表于 2020-07-16 更新于 2020-08-13 分类于 hexo 热度： ℃ Valine：
本文字数： 572 阅读时长 ≈ 1 分钟

方法很简单，仓库已经有代码，直接安装

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

然后在需要置顶的文章的Front-matter中加上top: true即可。比如我这篇文章：

title: 写在最开始
tags:
  - 网站
  - 爱好
  - 热爱
author: Heson
date: 2020-07-06 12:28:00
top: true

然后加上置顶的标识：

打开：/themes/next/layout/_macro目录下的post.swig文件，定位到<div class="post-meta">标签下，插入如下代码：

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

上面的green可以换成你喜欢的颜色，如red、yellow或者用十六进制的颜色代码#53ffcc 都可以。

搞定。效果如下：