本文最后更新于:2024年5月7日 下午

Fluid 主题升级到 1.9 + 后公式在电脑浏览器上渲染错误,本文记录解决方案。

问题复现

  • fluid 更新到 1.9+ 版本后,mathjax 渲染的数学公式在电脑端浏览器无法正常显示

  • 但是在手机端没有问题

问题原因

  • 官网说明提示了 在 1.8.14 版本之后需要更新 mathjax 渲染器并安装额外的工具包
  • 但事实上上述现象不是渲染错误导致的,因为手机端可以正常显示公式
  • 根本原因在于网页的懒加载,当公式进行懒加载后就难以重新嵌入到网页中

解决方案

  • 根本目的是停止对公式的懒加载
  • 我采用的方法是删除 fluid\layout\_partials\plugins\math.ejs 中的三行代码
1
2
3
loader : {
${ lazy ? 'load: \[\'ui/lazy\'\]' : '' }
},
  • 之后便可以解决由于懒加载导致的公式渲染错误

参考资料



文章链接:
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-mathjax-bug/fluid-mathjax-bug/


“觉得不错的话,给点打赏吧 ୧(๑•̀⌄•́๑)૭”

微信二维码

微信支付

支付宝二维码

支付宝支付

Fluid -19- 解决 Fluid 1.9+ mathjax 公式渲染错误的问题
https://www.zywvvd.com/notes/hexo/theme/fluid/fluid-mathjax-bug/fluid-mathjax-bug/
作者
Yiwei Zhang
发布于
2022年6月24日
许可协议