Hexo博客优化之彻底解决博文置顶问题

原文:Hexo博客彻底解决置顶问题

博文置顶

一种方法是手动对相关文件进行修改,具体可参考这篇文章

另一种方法就是,目前已经有修改后支持置顶的仓库,可以直接用以下命令安装。

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

然后在需要置顶的文章的Front-matter中加上top: true即可。比如下面这篇文章:

— title: hexo+GitHub博客搭建实战 date: 2017-09-08 12:00:25 categories: 博客搭建系列 top: true —

到目前为止,置顶功能已经可以实现了。

不过置顶的文章显示在最上面之后,如果没有明确的置顶标志,是不是感觉有点怪怪的呢?

设置置顶标志

打开:/blog/themes/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 %}

效果展示:

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注

滚动至顶部