前言


今天把博客整体风格弄得差不多了，过程没有想象那么顺利，遇到的小问题虽然我并不从事前端开发还是在这里记录一下吧。


记录


在播客主页触发加载动画播放时会发生闪烁现象


问题描述：这个问题不太好描述，大概就是我在博客主页刷新或者从其他页面返回博客主页时会播放加载动画，此时被加载动画遮挡的主页内容还处于未加载完成状态，然后这些未加载完成的内容就会突然跑到加载动画上面又消失，只有短短一瞬间。

我一直找不到问题所在，开始以为是换了渲染器导致的，我就去折腾了很久渲染器，结果没有解决。

然后我又怀疑是不是加载动画的遮罩层出问题了，想到对于前端知识我就是一知半解，属于是能看懂但写不出功能的水平，这个加载动画我折腾了很久才弄出来真的有可能出问题，于是我又花了一整天时间把css和js学了一遍，又回头重写加载动画结果问题依然没解决。

最终我想到我加入了aplayer，原来的主页左下角有一个live2d的看板娘，为了给aplyer腾出位置我把看板娘放到右下角了，会不会是live2d和aplayer存在冲突，遂卸载live2d，果不其然问题解决了，看来aplyer和live2d二者存在兼容问题。


开启Pjax后加载动画只会播放一次


问题描述：在主题_config.yml中配置开启Pjax模式后加载动画只在第一次进入首页时播放，之后不管进入哪个页面都不会播放加载动画

参照Akilar大佬的Loading Animation加入多种风格加载动画后，忘记复制主题原fullpage-loding.pug中处理pjax模式的代码到loading.pug中。

1
2
3
if (!{theme.pjax && theme.pjax.enable}) {
   document.addEventListener('pjax:send', () => { preloader.initLoading() })
   document.addEventListener('pjax:complete', () => { preloader.endLoading() })

后来看了眼仓库发现这个代码是Jerry大佬在2022年9月份才加上的。


百度收录验证站点失败


问题描述：在百度资源搜索平台添加自己的域名验证网站时失败

好几篇文章里讲的都是把验证文件放到hexo的source目录然后hexo g d就完成了，结果我照着做就一直验证失败。然后到博客的仓库看了眼验证文件内容，好家伙直接给我渲染了两千多行的html代码。😅

所以要在_config.yml中配置skip_render字段跳过hexo渲染，否则hexo g的时候验证文件会被渲染导致网站验证失败。