使用插件对Hexo博客Ayer主题中的文章置顶

最新推荐文章于 2024-03-24 09:54:15 发布

Xupt_小玉

最新推荐文章于 2024-03-24 09:54:15 发布

阅读量245

点赞数 3

分类专栏： Hexo博客文章标签： github

本文链接：https://blog.csdn.net/langzijingbuhuan/article/details/125496732

版权

本文介绍了如何在Hexo的Ayer主题中使用hexo-generator-index-pin-top插件实现文章置顶。通过设置文章的top属性并调整其值，可以控制置顶文章在首页的显示顺序。

摘要由CSDN通过智能技术生成

Hexo Ayer主题中，首页文章默认排序方式是按照时间逆序来排的，越新的文章排在越前面。当我们想让访客一进来就能看到推荐的文章时，可以将这些文章置顶。

安装hexo-generator-index-pin-top插件

命令：

npm uninstall hexo-generator-index --save 卸载原插件
npm install hexo-generator-index-pin-top --save 安装新插件

插件使用
使用时在需要置顶的文章中加入top属性，top值越大，文章越靠前。
添加置顶标志
打开主题中的“layout”目录，修改“layout\_partial\article.ejs”文件

添加代码

<% if (ind

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Xupt_小玉

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用hexo框架+ayer主题+gitalk评论插件搭建个人博客

风凉zz的博客

06-14

1088

原文：使用hexo框架+ayer主题+gitalk评论模块搭建个人博客使用hexo框架+ayer主题+gitalk评论模块搭建个人博客环境：windows10前提：1.安装好node.js 和 Git2.安装淘宝的cnpm一、使用hexo框架搭建静态博客1.安装 hexo 框架2.在磁盘中新建 blog 文件夹3.启动服务器4.新建一篇博客5.清除缓存文件6.生成静态文件7.再次启动服务器8.把博客部署到Github9.进入博客页面浏览器中输入地址：basssss.github.io跳转到博客页面二、安装

基于Hexo的安静优雅主题Ayer设计源码

最新发布

04-07

Hexo主题Ayer：基于Javascript构建，包含172个文件，包括47个EJS模板文件、36个Stylus样式文件、27个JavaScript文件、19个YAML配置文件、11个JPG图像文件、9个PNG图像文件、5个Markdown文档、3个SVG文件和2个CSS样式文件。该项目是一个安静且优雅的Hexo主题，提供了一个简洁、舒适的博客阅读体验。

2 条评论您还未登录，请先登录后发表或查看评论

Hexo个人博客设置置顶文章

btfqn1024的博客

03-28

437

安装插件 npm uninstall hexo-generator-index --save npm install hexo-generator-index-pin-top --save 配置置顶标准打开：/themes/*/layout（/_macro）/post.ejs 直接在最前面加入以下代码即可 <% if (page.top) { %> <i class="fa fa-thumb-tack"></i> <font color=7D26CD&

hexo博客文章置顶功能实现的两种方法

玖涯博客

12-04

5050

写在前面本文主要描述了如何实现hexo文章置顶功能，讲述了通过修改源码和通过更改插件两种方式实现，以及如何添加置顶显示。文章可能还有很多不足，请大家谅解，欢迎大佬提意见。本文使用的东西 win10电脑 hexo 4.0.0 文章目录写在前面本文使用的东西1.使用到的插件简述1.1hexo-generator-index插件1.2hexo-generator-index-pin-top插件1...

HEXO添加置顶功能

dengdouweng1282的博客

07-01

216

参考 https://zhwhong.cn/2017/03/23/deal-with-hexo-article-top-problem/ 原理：在Hexo生成首页HTML时，将top值高的文章排在前面，达到置顶功能。修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js，在生成文章之前进行文章top值排序。需添加的代...

Hexo：Butterfly主题魔改之首页置顶轮博插件

weixin_42464282的博客

06-01

523

Hexo：Butterfly主题魔改之首页置顶轮博插件

Hexo框架Ayer主题搭建我的博客

weixin_44546855的博客

11-15

724

关于Hexo ayer主题搭建Blog使用的框架、插件下面页面展示我的博客链接: RainのBlog. 使用的框架、插件 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 Ayer Ayer 是一个干净且优雅的 Hexo 主题，自带响应式，加载速度很快。——Ayer 在马来语中是“水”的意思，在西班牙语中是“昨天”的意思。 Valine 一款快速、简洁且高效的无后端评论系统。 hexo-helper

hexo-theme-ayer:Hexo的清洁典雅主题。 :whale:

04-27

一个安静且优雅的 Hexo 主题 :water_wave: Ayer is a clean and elegant theme for Hexo, also fast, powerful and responsive. It contains many awesome features, It's perfect for your blog, "Ayer" means ...

推荐一款优雅的Hexo主题：Ayer

gitblog_00019的博客

03-24

432

Hexo博客 | Ayer主题采用随机图片作为博客封面背景

Justlovesmile的博客

06-29

1627

文章目录说明步骤第一步找到对应封面的代码位置第二步，修改配置文件第三步，自定义我的博客：https://justlovesmile.top 最近美化了一下我的博客首页，每次打开会随机选择一张图片作为封面发现写了很多博客美化的文章了,罗列了一下 Type.js打字机效果: 添加打字机效果博客中能用到的代码: 关于font awesome图标字体库，使用动态图标，添加网页运行时间，全站变黑白，鼠标点击特效，网页标题的动态效果，网页樱花特效，鼠标触动音乐特效博客中能用到的代码（二）: 添加旋转小人和

Hexo 最常用的几个命令

diaojian0245的博客

10-18

141

hexo s hexo s 1 启动本地服务器，用于预览主题。默认地址：http://localhost:4000/ hexo s 是 hexo server 的缩写，命令效果一致；预览的同时可以修改文章内容或主题代码，保存后刷新页面即可；对 Hexo 根目录 _config.yml 的修改，需要重启本地服务器后才能预览效果。 hexo new ...

Hexo博客Ayer主题自定义配置

XXXZhy丶Blog

06-13

4828

Ayer主题，下面是我的部分配置，可以参考，希望能帮到你???? 效果：https://www.xxxzhy.com 文章目录1 说说2 统计3 代码高亮 Highlight.js4 封面标题闪烁5 EVANYOU三角彩带背景5.1 我的引入位置5.2 原本例子6 Valine评论框加背景7 搞笑标题8 鼠标点击显示文字特效9 底部小牌子9.1 CSS9.2 HTML10 运行天数10.1 JS10.2 html11 自我介绍botui机器人12 谷歌小恐龙游戏13 百度推送13.1 自动推送13.2 主动

Hexo博客 | 前端美化之添加公告板---基于Ayer主题有两种模式

Justlovesmile的博客

07-01

1939

文章目录说明步骤第一步找到对应的首页文章页的代码文章第二步创建`broadcast.ejs`文件第三步打开主题的配置文件第四步效果在我的博客首页添加了告示板模块，有两种模式，一种是自定义语句，一种是一言API 发现写了很多博客美化的文章了,罗列了一下 Type.js打字机效果: 添加打字机效果博客中能用到的代码: 关于font awesome图标字体库，使用动态图标，添加网页运行时间，全站变黑白，鼠标点击特效，网页标题的动态效果，网页樱花特效，鼠标触动音乐特效博客中能用到的代码（二）: 添

【解决】Hexo 如何置顶文章

COCO56的博客

01-05

1938

1. 需要主题支持我用的是：3-hexo 2. 安装插件 npm install hexo-generator-topindex --save 3. 设置置顶给需要置顶的文章加入top参数，如下： --- title: 每天一个linux命令 date: 2017-01-23 11:41:48 top: 1 categories: - 运维 tags: - linux命令 --- 如果存...

同时支持置顶和隐藏文章的 hexo 生成器插件（hexo-generator-index-custom）

qq_42777659的博客

08-25

915

一个插件解决 hexo 博客置顶/隐藏文章

Hexo（sakura）设置文章置顶+私密文章

cungudafa的博客

02-17

3085

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

Hexo增加置顶属性

adobeid的专栏

09-14

4936

怎么置顶每篇文章增加一个属性top，普通文章设置值为1，置顶文章设置为1以上。 title: Hexo增加置顶属性 date: 2018-09-14 14:57:57 top: 1 tags: - 博客 - Hexo - 置顶修改根目录配置文件/_config.yml,top值-1标示根据top值倒序（正序设置为1即可），同样date也是根据创建日期倒序。 ...

hexo博客常用插件及教程