加载中...
文章
7
标签
8
分类
4
首页
文章
归档
标签
分类
清单
友链
个人
说说
追番
音乐
照片
电影
关于
冷水煮土豆
高中3500词
返回首页
搜索
首页
文章
归档
标签
分类
清单
友链
个人
说说
追番
音乐
照片
电影
关于
高中3500词
发表于
2025-10-01
|
更新于
2025-10-01
|
英语
|
总字数:
0
|
阅读时长:
1分钟
|
浏览量:
文章作者:
雄关漫道
文章链接:
https://bolg.wuuyuri.ink/posts/316439a2
版权声明:
本博客所有文章除特别声明外,均采用
CC BY-NC-SA 4.0
许可协议。转载请注明来源
冷水煮土豆
!
单词
3500词
上一篇
置顶轮播图BUG解决方案
解决 Hexo Butterfly 主题 Swiper 轮播图重复渲染问题问题描述在使用 Hexo Butterfly 主题时,很多用户遇到了首页置顶轮播图重复渲染的问题,即同一个轮播图在页面上显示了两次。这个问题不仅影响美观,还可能导致页面布局错乱和性能问题。 问题现象 首页出现两个完全相同的轮播图 控制台显示”已挂载butterfly_swiper”两次 轮播功能可能工作不正常 问题根源经过深入分析,发现问题的根本原因是 hexo-butterfly-swiper 插件在 Hexo 生成过程中被多次调用,导致: 插件重复执行:Hexo 的插件执行机制在某些情况下会多次触发同一插件 模板重复渲染:每次插件执行都会渲染完整的轮播图 HTML 结构 资源重复加载:相关的 CSS 和 JavaScript 文件可能被多次引入 解决方案方法一:修改插件核心文件(推荐)这是最彻底的解决方案,通过在插件层面防止重复执行。 步骤 1:定位插件文件找到 node_modules/hexo-butterfly-swiper/index.js 文件。 步骤 2:添加防重复执行机制在文件开头添...
雄关漫道
文章
7
标签
8
分类
4
关注我
公告
这是我的博客
最新文章
高中3500词
2025-10-01
置顶轮播图BUG解决方案
2025-09-29
关于民粹主义的书单
2025-09-08
1
2025-09-05
Hello World
2025-08-31
搜索
数据加载中