给文章添加置顶 | 南风

给文章添加置顶

本文是给next主题下文章添加置顶功能的教程。

安装插件

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

修改文章模板

打开~/scaffolds/post.md,在Front-matter里最底下添加top: false,这样每次生成的post文件都自带由top:这个参数项了,需要置顶的时候就把false改为true就行了。

设置置顶的样式

打开~/themes/next/layout/_macro/里的post.swig文件,定位到<div class="post-meta">在下面插入代码:

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

其中color是调整文字颜色的属性,可以自行修改想要的颜色。