关于Hexo,Next主题的‘下一页’、‘上一页’按钮错误显示为html代码 <i class="fa fa-angle-right"></i>的解决方法

最新推荐文章于 2023-04-19 10:12:06 发布
最新推荐文章于 2023-04-19 10:12:06 发布
阅读量1.3k 收藏
点赞数 2
分类专栏： Hexo博客 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45748734/article/details/106042522
版权

关于Next主题的‘下一页’、‘上一页’按钮错误显示为html代码的解决方法

我在建立自己的博客过程中遇到了页面‘下一页‘和’上一页‘按钮显示为html代码<i class="fa fa-angle-right"></i>的问题，虽然可以点击不影响使用，但是这确实影响美观。

本文提供一种解决方法，如下：

打开next > layout > _partials > pagination.swig ，将错误的html代码改为‘下一页’和‘上一页’即可！如图：

结果如下，恢复正常：

通用代码
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
软件 | hexo博客主题yilia上一页下一页显示的问题
RyanCYK的计算机世界
08-03 818
一. 前言 用hexo+yilia搭建个人博客网站已经有一段时间了，慢慢地从最早期的样式也改了很多，但是有个问题一直困扰着强迫症的我，问题如下图所示： 也就是在主页显示首页的时候，前面会有多余<<Prev，最后一页的时候，有Next>>。看着实在是不美观啊！ 二. 问题解决 原主题yilia默认的分页设置是<<Prev 和 Next>>，我改成了上一页和下一页。也就是在主题文件夹里的yilia>layout>_partial>archive
Hexo+next主题下，点击首页，分类等导航时出现404错误
abtgu的博客
03-14 3114
在点击首页等导航时链接地址为：https://xxx.github.io/%20，页面出现错误 去查看了public下的index.html代码，发现所有导航路径后都有%20，%20代表空格，而这个一部分又是next主题中生成的，去查看了配置文件，将配置文件里 ||之前所有的空格删掉 重新部署，解决问题。 附上博客地址：https://abtgu.github.io/。 ...
fa fa-angle-right
最新发布
qq_43411265的博客
04-19 132
这个由于登录按钮不在中间,加上了text-align:center后可以剧中了。margin-bottom 0的作用:就是使得文字h1与下面的图片连接紧密。width:100px 可以设置其为100px。
织梦网站翻页php,dedecms列表页上一页下一页翻页单独调用的方法
weixin_32307599的博客
03-28 242
本文实例讲述了dedecms列表页翻页单独调用的方法。分享给大家供大家参考。具体实现方法如下：在列表页单独调用，以及首页，简单搞了一下，仅作上下翻页，主页类似，可自行添加。在模板中以代码如下:{dede:pagelist listitem="up"/}{dede:pagelist listitem="down"/}来调用。修改办法如下：在include\arc.listview.class.php...
解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题
学而思(xiejava的blog)
03-10 2089
用Hexo搭了个Gitpage的博客，兴冲冲的发了11篇博文后发现翻页按钮不正常显示，显示为<i class="fa fa-angle-right"></i>的HTML编码。如下图： <i class="fa fa-angle-right"></i>这是个什么鬼？ 这是一个Font Awesome的字体图标，按道理来说这个图标应该可以正常显示的，现...
hexo-theme-next:He Hexo优雅而强大的主题
03-19
语言： :United_States: 下一个«...安装如果您使用的是Hexo 5.0或更高版本，则最简单的安装方法是通过npm： $ cd hexo-site$ npm install hexo-theme-next或者，您可以克隆整个存储库： $ cd hexo-site$ git clone ...
hexo-theme-next：Hexo的优雅主题
02-23
:warning:社区维护的版本在这里： 下一个NexT是高质量的主题。 它是用爱从头开始制作的。实时预览 :heart_decoration: 缪斯计划： | | :dotted_six-pointed_star: 雾计划：| | :Pisces: 双鱼座方案： | | :Gemini: ...
hugo-theme-next:这是一个从 hexo-theme-next 派生出来的 Hugo 主题
05-29
NexT 是一个简单的动画主题。 我将它从 Hexo 移植到并在我的博客站点中使用。 用法 下载主题文件： git clone https://github.com/xtfly/hugo-theme-next.git next 将next目录复制到您的 Hugo 站点中的themes目录 ...
hexo-theme-polarbear:一个超轻和简单的主题
05-29
hexo-theme-polarbear 一个超轻和简单的主题。 安装 1.安装插件hexo-renderer-scss 。 2.将主题下载到你的 Hexo 主题文件夹。 $ npm install hexo-renderer-scss --save $ git clone ...
gridea-theme-next:Gridea NexT主题，搬hexo-next-theme
05-05
gridea-theme-next原产自hexo平台的next主题，将其搬至gridea，也算是为gridea开源社区做一份贡献。主题目前包含以下功能：自定义主题色，搜索功能，主题魔改功能，自定义鼠标样式，看板娘，背景音乐（外链以及a...
hexo 博客搭建教程
BeZer0的学习笔记
10-27 340
一、安装 node 点击此处 下载 node 长期维护版并安装，安装完成后在 cmd 中输入 node -v 验证。 二、安装 git 点击此处 下载 git 并安装，安装完成后在 cmd 中输入 git 验证。 三、git ssh 配置 打开 git bash； 输入 ssh-keygen -t rsa -C "邮箱"，其中邮箱中填写注册 git 时所使用的邮箱； 打开 Github 设置，进入 SSH and GPG keys 页面，填写信息，其中 Title 为自定义 key 的名称，key 为 电
自己搭建blog出现的一点问题
潇雷的博客
02-29 763
1. 分页显示问题 参考：https://github.com/hexojs/hexo/issues/3794 修改： /Blog/themes/next/layout/_partials/pagination.swig {%- if page.prev or page.next %} <nav class="pagination"> {{ paginator({ ...
FontAwesome 字体图标库 使用
wuyujin1997的博客
05-19 1万+
Intro Font Awesome(以下简称fa)是一套绝佳的图标字体库和CSS框架。 fa被设计为与内联元素一起使用。 <i>和<span>标签被广泛应用于图标。(推荐使用<i>，标签更简短，且语义更精确) 当使用fa的图标重叠时候，在<span>标签中嵌套两个<i>标签。 依赖 两种方法，直接引入CDN或引入本地依赖(略)。 CD...
NexT主题分页的翻页箭头显示<i class="fa fa-angle-right"></i> - Hexo建站(十)
Clearlight's Blog
03-16 2585
看了这篇文章, 终于明白, 只能用魔法来战胜魔法 ???? 解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题 显示为: 修改代码的位置: themes\next\layout\_partials\pagination.swig 原来为: {% if page.prev or page.next %} <nav class="pagination"> ...
动态实现前后台分页、翻页按钮、上一页、下一页、首页、末页
weixin_30443747的博客
07-27 1218
HTML： <!-- 检索查询 --><ul class="retrieval"> 　　<li> 　　　　<label>检查时间</label> 　　　　<ul class="inspect_time"> 　　　　　　<li class="retrieval_co...
<i>元素创建图标的三种方法
热门推荐
Allenyhy的博客
08-08 1万+
1.简单粗暴型 直接设置&lt;i&gt;元素为inline-block，然后为行内级框设置大小，接着直接把图像放在这个框里面，然后调整位置和图片大小即可。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; .icon{ display:inline-block; width:50px; height:50px; ba...
Font Awesome Icon 只有I标签的
王金铎的博客
12-12 2009
Font Awesome <i class="fa fa-bicycle" aria-hidden="true"></i> <i class="fa fa-binoculars" aria-hidden="true"></i> <i class="fa fa-birthday-cake" aria-hidden="true"></i> <i class="fa fa-blind" aria-hidden="true"></i> <i class="fa fa-bluetooth" aria-hidden="
相关练习(一)
m0_67176957的博客
04-10 297
某东购物网最上边的导航条练习 ......... <title>某东购物网最上边的导航条练习</title> 引入重置样式表 <link rel=“stylesheet”href=“重置样式表”> 引入图标字体 <link rel=“stylesheet”href=“图标字体”> </head> <body> ...
写一个hexo-blog-encrypt使用示例代码全流程
04-08
好的，以下是使用hexo-blog-encrypt的全流程示例代码： 1. 首先，安装hexo-blog-encrypt插件： ``` npm install hexo-blog-encrypt --save ``` 2. 在hexo配置文件_config.yml中添加以下内容： ``` # hexo-blog-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

通用代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值