上一页下一页html样式,软件 | hexo博客主题yilia上一页下一页显示的问题

本文介绍了如何在Hexo博客中使用Yilia主题时去除主页分页中的多余符号,并提供了两种实现方法:一种是在首页和尾页时保留不可操作的上一页和下一页按钮;另一种是在首页时不显示上一页,在尾页时不显示下一页。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一. 前言

用hexo+yilia搭建个人博客网站已经有一段时间了,慢慢地从最早期的样式也改了很多,但是有个问题一直困扰着强迫症的我,问题如下图所示:

bf435f8e8a017e4ce84495e3ad7577f9.png

也就是在主页显示首页的时候,前面会有多余<>。看着实在是不美观啊!

二. 问题解决

原主题yilia默认的分页设置是<>,我改成了上一页和下一页。也就是在主题文件夹里的yilia>layout>_partial>archive.ejs文件里进行修改,prev_text 和next_prev。分别修改8,9行,37, 38行,如下所示:

060a48668a06e8b93e03c882ff15833c.png

然后就出现了文章开头的问题,我一直不知道怎么改,最近在参考了一些资料后,发现还要对script.ejs文件进行修改,这一文件与archive.ejs是同级目录,也容易找到。

我使用的的编程软件是Sublime Text,打开软件,按住Ctrl+F进行查找,输入Next,找到如下地方:

9eba520b340987a2a8abdfe36f980ad3.png

有两种修改方式:

①.始终保留上一页和下一页按钮,但是在首页和尾页时分别不可操作;

2d12dffd8697c3119fa8bbb85c64b69a.png

这种效果只需要将« Prev改为 上一页,Next »改为 下一页 即可。

②. 首页时不显示上一页,尾页时不显示下一页(这种效果比较人性化);

985f34c50285842c37db008731ac3145.png

这种效果只需要将« Prev和Next »删除即可(位于a标识符里,其实a标识符也可删除,但前端效果一样,无所谓)。

三. 后记

很开心终于解决了这个小问题,本强迫症还是很开心的,最后附上自己的个人博客www.ryancyk.com ,以便于具体查看效果。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值