Hexo博客NexT主题添加文章置顶功能

发表于 更新于 分类于 阅读次数： 本文字数： 618 阅读时长 ≈ 1 分钟

Hexo博客的默认排序方法是按照时间顺序排的，如果有一篇文章经常需要用到，可以添加“置顶”功能，把它放在博客的最上面，这样就能快速地查看这篇文章的内容了。

文章置顶

  1. 卸载hexo自带的排序模块，安装新的排序模块
    npm uninstall hexo-generator-index --save
npm install hexo-generator-index-pin-top --save
  2. 在需要置顶的文章的 Front-matter 中加上top: true
    title: 快捷键汇总
abbrlink: 66c9
date: 2021-05-25 21:21:50
tags:
 - 快捷键
top: true

现在文章置顶的功能已经实现了，但还需要添加一个置顶的标记，这样别人才能知道你的这篇文章是置顶的，不然时间顺序是错乱的，就会很奇怪。

添加置顶标记

打开 themes/next/layout/_partials/post 目录下的 post-meta.njk 文件，在 <div class="post-meta">后面加上：

{% if post.top %}
  <span style="display:inline-block;border-radius:5px;padding:0px 8px;background-color:#f04f50;color:#fff;">置顶</span>
{% endif %}

效果展示：
image-20210526214211630