【Hexo搭建个人博客】（十三）Next主题中添加首页文章置顶功能及置顶图标

1. 安装插件

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

如果开启了持续部署和持续集成工具，需要将这两行加到自动构建脚本里，如图：

2. 设置文章置顶

在需要置顶的文章的 Front-matter 中加上top: true即可，比如：

重新生成部署，效果如下，可以看到文章已被置顶：

3. 添加置顶图标

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

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

重新生成部署，效果如下：

更多精彩文章及资源，请关注我的微信公众号：『mculover666』。