Fluid -17- 首页文章置顶

Hexo 和 Fluid 没有自带文章置顶功能，本文记录在 Hexo、Fluid 下实现文章置顶的方法。

博文置顶

• 修改 hexo 中的顺序插件：

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

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

---
title: Fluid -16- 首页文章置顶
mathjax: false
date: 2022-04-19 20:58:56
tags: [Hexo, Theme, Fluid]
categories: [Hexo, Theme, Fluid]
top: true
---

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

• 此种方法用于 Hexo 的所有博客

但是置顶的文章一般都需要置顶的标记，不然还是挺奇怪的

设置置顶标志

next 主题

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

  ​

fluid 主题

• 找到并打开 /fluid/layout/index.ejs 文件，在 <h1 class="index-header"> 下插入代码：

<% if (post.top) { %>
   	<i class="fa fa-thumb-tack"></i>
     <font color=BD163D>(置顶)</font>
<% } %>

• 示例效果：

参考资料

• https://blog.csdn.net/qwerty200696/article/details/79010629

文章链接：
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-top-post/top-post/