Render MathJax $$ as inline

之前用的在 WordPress 中显示数学公式的插件渲染效果不好,图片模式的,比较模糊。改用 MathJax 了,用的 Simple MathJax 插件。

因为 MathJax 也使用的 $、$$ 这样的方式来标记公式范围,非常方便。但是 MathJax 默认将 $$ 标记的公式显示为独立的一行,而我肯定不希望去一一修改原先发布的文章。没找到对应的设置。没办法,就将它自带的 CSS 样式给覆盖了一下。

将下面的 CSS 样式,

mjx-container[jax="CHTML"][display="true"] {
    display: inline !important;
}

使用 WordPress 控制面板的外观 ==> 自定义,放到自定义 CSS 样式里面,发布,这样就完成了。展示可以看这里

不知道是否有对应的设置只是我没找到。目前这样算是简单暴力的解法了。©

本文发表于水景一页。永久链接:<https://cnzhx.net/blog/render-mathjax-double-dollar-as-inline/>。转载请保留此信息及相应链接。

雁过留声,人过留名

您的电子邮箱地址不会被公开。 必填项已用 * 标注

特别提示:与当前文章主题无关的讨论相关但需要较多讨论求助信息请发布到水景一页讨论区的相应版块,谢谢您的理解与合作!请参考本站互助指南
您可以在评论中使用如下的 HTML 标记来辅助表达: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>