记一次我的博客园页面突然无法显示markdown数学公式
之前都还好好的,今天突然给我数学公式卡没了......
具体情况如下
但是我编辑的时候预览明明可以
摘要里显示也没有问题
给官方写了封邮件后得到回复如下
您好,我们这边测试一下在没有自定义内容的情况下数学公式是正常加载的,建议您排查自定义样式是否与数学公式渲染发生了冲突。
您的博文一开始是渲染正常的,但后来公式会闪一下然后消失,怀疑是您自定义脚本中后渲染的内容影响了博文内容,供您参考。
很有道理,毕竟我的css是直接抄的simply的那个样式,查看数学公式渲染不出来的网页源代码发现长这样
<span class="math inline"><mjx-container class="MathJax CtxtMenu_Attached_0" jax="CHTML" tabindex="0" ctxtmenu_counter="1" style="font-size: 102.5%; position: relative; width: 15.3963px;"><mjx-math class="MJX-TEX" aria-hidden="true"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45A TEX-I"></mjx-c></mjx-mi></mjx-math><mjx-assistive-mml unselectable="on" display="inline"><mjx-container class="MathJax CtxtMenu_Attached_0" jax="CHTML" tabindex="0" ctxtmenu_counter="23" style="font-size: 102.5%; position: relative; width: 15.7585px;"><mjx-math class="MJX-TEX" aria-hidden="true"><mjx-mi class="mjx-i"><mjx-c class="mjx-c1D45A TEX-I"></mjx-c></mjx-mi></mjx-math><mjx-assistive-mml unselectable="on" display="inline"><math xmlns="http://www.w3.org/1998/Math/MathML"><mi>m</mi></math></mjx-assistive-mml></mjx-container></mjx-assistive-mml></mjx-container></span>
反正怀疑是MathJax生成了一些额外的样式标签和类名(例如 MathJax、mjx-container 等)。这些可能与我页面自定义样式发生冲突,导致公式显示不正确或有问题。
最后我也不想加或者改我的css样式,最后修改渲染引擎从mathjax3至mathjax2后恢复正常(暂时),后面有问题的话再记录