Hexo博客添加首页文章置顶

发表于 更新于 分类于 ， 阅读次数： 阅读次数： Changyan： 本文字数： 195 阅读时长 ≈ 1 分钟

使用"hexo-generator-index-pin-top"插件实现首页文章列表中单篇文章置顶。

安装插件

hexo-generator-index-pin-top插件，实现首页的文章置顶功能

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

置顶文章

给文章属性添加top: true​就可以实现置顶:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
---
title: 每日早报--认识世界
date: 2024-10-21T23:57:06Z
lastmod: 2024-10-21T23:58:02Z
categories:
	- 笔记
	- 其他
tags: 
	- 热点
	- API 
	- 全球 
	- 今日
	- 新闻
comments: true
top: true
---

添加置顶图标

打开’hexo\node_modules\hexo-theme-next\layout_macro’ 目录下的 post.njk 文件，在标签中插入如下代码：

1
2
3
4
5
{% if post.top %}
 <i class="fa fa-thumb-tack"></i>
 <font color=7D26CD>置顶</font>
 <span class="post-meta-divider">|</span>
{% endif %}

insert point

效果：
insert point

参考

从Hexo文章置顶看需求分析思路 － 小专栏