Fluid -17- 首页文章置顶

为为为什么

发布于 2022-08-06 09:49:21

6480

文章被收录于专栏：又见苍岚又见苍岚

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

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

---
title: Fluid -16- 首页文章置顶
mathjax: false
date: 2022-04-19 20:58:56
tags: [Hexo, Theme, Fluid]
categories: [Hexo, Theme, Fluid]
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 %}

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年4月19日，如有侵权请联系 cloudcommunity@tencent.com 删除