【工具】【Mathjax-2】Mathjax-config的初步学习，以及in-line$...$输入模式的开启

最新推荐文章于 2025-09-04 01:00:29 发布

原创最新推荐文章于 2025-09-04 01:00:29 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了MathJax中遇到的公式显示难题，特别是inline模式无法正常工作的问题，并提供了解决方案，包括配置调整及使用不同输入语法。

在学习Mathjax时，碰到一个问题，因为据教程所讲，Mathjax具有两种输入模式：

1. 开源输入模式（inline），“$...$”

2. 封闭输入模式（enclose）, “$$...$$”

但是在使用开源输入模式时出现了困扰比如

$\alpha+\beta=\gamma$ 无法转化成公式

但是经过试验如果将其改写为封闭输入模式就能成功。

$$\alpha+\beta=\gamma$$

为了解决这个问题，查阅了一篇mizuho豆瓣上的帖子：https://www.douban.com/note/534786000/?type=rec

指出$...$是默认关闭的，需要手动打开。

于是我修改了Mathjax-config的参数，如下代码：

<!DOCTYPE html>
<html>
<head>
<title>MathJax TeX Test Page</title>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: ［'$','$'], ['\\(','\\)'］}});
</script>
<script type="text/javascript" async
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML">
</script>
</head>
<body>

</body>
</html>

遗憾的是，Mathjax的inline依然not working.

终于，在前段时间，在闲逛时发现了这个博客，博主Dean的文章：https://codepen.io/josdea/pen/rLOJxL

代码如下：

<div class="container">
<h2>
Inline MathJax
</h2>

<p>$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$</p>
<p>
The scripts in this file allow math formulas to be written anywhere within the HTML code.  To start a formula you use either a dollar sign \$ or you can use a slash an an open parentheses "/(".  To end the inline math, you have another dollar sign or a back slash and a closing parentheses.  Enclosing in double dollar signs put the math on its own line.  Or you can use the backslash and a hard bracket "\[".
</p>

<p>
If you need to actually use a regular dollar sign in the text, then you need to 'escape' it so the page doesn't think its the start of math.  In order to escape it you use a backslash before the dollar sign.  "\\$"
</p>

<h3>
Examples
</h3>
<ol>
<li>Dollar Signs: $y=mx+1$</li>
<li>Parenthesis: \(y=mx+2\)</li>
<li>Double Dollar Signs: $$y=mx+3$$</li>
<li>Hard Bracket: \[y=mx+5\]</li>
  <li>$\lim_{x \to \infty} \exp(‐x) = 0$</li>
  <li>$\cos (2\theta) = \cos^2 \theta ‐ \sin^2 \theta$</li>
  <li>$a \bmod b$</li>
  <li>$x \equiv a \pmod b$</li>
</ol>

<h4>
In a sentence
</h4>
<p>
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
</p>
</div>

在这里，他引入了两种Mathjax的Inline代码，才发现如：$ax^2 + bx + c = 0$可以实现的。

终于找到了不支持Inline mode的原因，我怀疑是我电脑里某个扩展或者代码无法识别单个dollar ($)。

而是用