原文 首发 北宸的小站，欢迎访问！！！

方法一

手动对相关文件进行修改，参考解决Hexo博客文章置顶问题

方法二

参考Github上开源项目，命令操作如下：

$ npm uninstall hexo-generator-index --save

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

在需要置顶的文章的Front-matter中加上top: true 或者top: 任意数字，比如：

---

title:  java应用导致JVM内存溢出（OOM）的问题

top: 2

tags:

- JVM

categories:

- java

---

top中数字越大，文章越靠前

文章置顶功能以实现。不过确实置顶图标。。。

设置置顶图标

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

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

代码位置截图：

来自我的简书

最终文章置顶效果图如下：

eqA4FH.png

至此，文章置顶功能完成。