前言
文章置顶功能有很多的好处,比如:
- 快速定位
- 吸引用户注意力
- 。。。
所以下面就介绍如何在hexo的next主题中添加文章置顶功能。
安装库
目前已经有修改后支持置顶的仓库,可以直接用以下命令安装。
1 | $ npm uninstall hexo-generator-index --save |
然后在需要置顶的文章的Front-matter
中加上top: true
即可。比如下面这篇文章:
1 |
|
到目前为止,置顶功能已经可以实现了。所有相关博文到这边就结束了。
不过置顶的文章显示在最上面之后,如果没有明确的置顶标志,是不是感觉有点怪怪的呢?
设置置顶标志
打开:/themes/next/layout/_macro
目录下的post.swig
文件,定位到<div class="post-meta">
标签下,插入如下代码:
1 | {% if post.top %} |
效果请返回主页 或者顶部查看