Fluid -19- 解决 Fluid 1.9+ mathjax 公式渲染错误的问题

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

问题复现

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

• 但是在手机端没有问题

问题原因

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

解决方案

• 根本目的是停止对公式的懒加载
• 我采用的方法是删除 fluid\layout\_partials\plugins\math.ejs 中的三行代码

loader : {
  ${ lazy ? 'load: \[\'ui/lazy\'\]' : '' }
},

• 之后便可以解决由于懒加载导致的公式渲染错误

参考资料

• https://hexo.fluid-dev.com/docs/guide/

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