Hexo博客解决文章置顶问题

置顶图片

博文置顶

一种方法是手动对相关文件进行修改，具体可参考手动设置博文置顶

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

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

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

---markdown
title: Markdown进阶（更改字体、颜色、大小，设置文字背景色，调整图片大小设置居中）
date: 2020-03-23 08:19:22
tags: hexo 
top: 
---

到目前为止，置顶功能已经可以实现了。所有相关博文到这边就结束了。
样式如下：
文章置顶

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

打开：/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 %}

效果展示：

alt 置顶图片