记一次我的博客园页面突然无法显示markdown数学公式-编程知识

记一次我的博客园页面突然无法显示markdown数学公式

news/2024/11/15 7:02:48/文章来源:https://www.cnblogs.com/Mephostopheles/p/18395535

之前都还好好的，今天突然给我数学公式卡没了......

具体情况如下

但是我编辑的时候预览明明可以

摘要里显示也没有问题

给官方写了封邮件后得到回复如下

您好，我们这边测试一下在没有自定义内容的情况下数学公式是正常加载的，建议您排查自定义样式是否与数学公式渲染发生了冲突。您的博文一开始是渲染正常的，但后来公式会闪一下然后消失，怀疑是您自定义脚本中后渲染的内容影响了博文内容，供您参考。

很有道理，毕竟我的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后恢复正常（暂时），后面有问题的话再记录

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/791873.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

RRAM流片调试心得

RRAM流片调试心得去年进行了一次RRAM的流片工作，也是人生第一次流片，一些工作细节不便涉及，但是可以谈谈这次流片以及后续测试中碰到的问题，以便后续查阅。芯片于UMC完成180nm的CMOS前道工艺，共生长5层金属（到V5），随后出Fab，送到所里生长RRAM和M6完成后道工艺，版图…

C#自定义控件—文本显示、文本设值

C#用户控件之文本显示、设定组件如何绘制一个便捷的文本显示组件、文本设值组件（TextShow,TextSet）？绘制此控件的目的就是方便一键搞定标签显示（可自定义方法显示文本颜色等），方便自定义方法又省略了挨个拖拽的过程纯定义属性【文本设定】：字体、标签、值、单位；事件…

搜索组件优化 - Command ⌘K

今天心血来潮想在 `blog` 上找一篇文章，用搜素的功能发现搜不出来😂，搜索挂了？然后突然想起来之前由于想着在 `blog` 中可能加一些私有的配置或者尝鲜的功能，所有 `fork` 了一份变成私有项目了，这样就不符合 `DocSearch` 的网站必须是公开的这个限制了。前言： DevNow…

项目协同开发 or 拷贝项目

项目协同开发 or 拷贝项目给另人项目时一般需要给代码 requiremenets.txtpip freeze > requiremenets.txt #requiremenets.txt 生成方式获得别人代码 pip install -r requiremenets.txt # 自动将：requiremenets.txt 对应的版本进行安装无网络问题-解决安装第三方模块…

深入浅出Stream流

Java 8的新特性之一就是流stream，配合同版本出现的 Lambda ，使得操作集合（Collection）提供了极大的便利。案例引入在JAVA中，涉及到对数组、Collection等集合类中的元素进行操作的时候，通常会通过循环的方式进行逐个处理，或者使用Stream的方式进行处理。假设遇到了这么…

决策树之——ID3算法及示例

0 前言本文主要介绍决策树ID3算法，并举出构建示例帮助理解。读者需要具备的知识：信息熵、条件熵、信息增益。本文使用数据集为：游玩数据集 1.1节。1 ID3算法简述 ID3（Iterative Dichotomiser 3）算法是一种经典的决策树学习算法，由Ross Quinlan于1986年提出。该算法的主…

AtCoder ABC 369题解

题解前言本题解部分思路来源于网络，仅供参考！ A - 369 题目大意给定 \(A\) ， \(B\) 两个整数，求有多少个整数 \(x\) 使得可以通过某种排列使得 \(A\) ，\(B\) ，\(x\) 为等差数列。解题思路稍加分析即可得到：如果 \(A = B\) 则结果为 \(1\) 。如果 \(A = B\) 但 \((A …

// 快速排序 function quickSort(arr) {if (arr.length <= 1) {return arr;}const pivot = arr[0];const left = [];const right = [];for (let i = 1; i < arr.length; i++) {if (arr[i] < pivot) {left.push(arr[i]);} else {right.push(arr[i]);}}return quickSort…

三路排序

8.30 ~ 9.8

文化课奥赛8.30 返校日。又回到了原来的班（和化奥一个班），一个班有 69 个人；然后我坐在最角上 🙃 第二天还要开学考试，还有 60% 的原题，这我拿头靠考啊；遂摆。发现了坐最后面的好处：离得远老师看不到。 8.31 开学考试。考试顺序：语 \(\to\) 物 \(\to\) 数 \(\t…

【Spring Boot】整合MyBatis

**整合MyBatis**前言 Spring Boot和MyBatis都是非常流行的Java框架。Spring Boot简化了Spring应用的开发，而MyBatis则是一个优秀的持久层框架，支持自定义SQL、存储过程以及高级映射。 mybatis官方文档：http://mybatis.org/spring-boot-starter/mybatis-spring-boot-autoconf…