侧边栏壁纸
  • 累计撰写 416 篇文章
  • 累计创建 65 个标签
  • 累计收到 150 条评论

目 录CONTENT

文章目录

Halo主题-更新 joe 2.0 最新1.0.6和1.0.7之后出现的加载条问题

Z同学
2021-12-01 / 0 评论 / 5 点赞 / 1,640 阅读 / 872 字
温馨提示:
本文最后更新于 2021-12-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

介绍

从博客主题风格采用的joe 2.0。在原先从1.0.4更新到1.0.5的时候,只需要在后台主题进行在线更新就可以了。

但是我昨天从1.0.5进行更新最新的1.0.6版本的时候发现更新完毕后,每次启动首页和文章详情页面的时候。

顶部横向滚动条加载速度就特别慢。

image-20211201113007030

页面内容都已经全部显示了, 但是这个横向滚动条却进展很慢。

我一度以为是本地网络问题。以为缓冲好了后就能够快速显示了。

之后更换电脑,更换wifi。每次启动的时候仍然进度条过于缓慢的加载。

问题

通过抓包工具Fiddler ,查询到在页面请求的时候。访问了以下链接。

image-20211201113302965

可以直观发现,是因为主题访问的cdn加速,仍然访问1.0.5版本。

解决

那么如何处理?

两个方法:

1.通过主题设置,取消主题的cdn加速。因为加上的相关css 和js文件,其实全部都在本都存有原始文件。

后台管理-外观-主题设置-其它 中关闭 使用CDN加载静态资源 即可生效。

2.通过切换主题,解决缓存造成的问题。因为Halo本身的缓存造成的,主题配置文件已经生效,但是cdn还是调用了老版本接口。这种问题,你通过更新主题无法解决,必须进行切换主题才能解决。

其他

如果我们要自己进行修改主题的css 或者js。但是不想通过关闭cdn加速,只是想改一个css文件的请求为我本地的。那么怎么改?

比如我修改了 joe.index.min.css 这个文件,那么就需要到 template/module/link.ftl 中找到引入它的地方:

<link
  rel="preload stylesheet"
  as="style"
  href="${BASE_RES_URL}/source/css/min/joe.index.min.css?v=${theme.version!}"
/>

把其中的 ${BASE_RES_URL} 修改为主题自身路径 ${theme_base!} 即可。

以上修改方法来自于qinhua/halo-theme-joe2.0: 🌈 一款 Halo 博客主题 Joe2.0 (github.com)

5

评论区