DanielLaah

如何在Hexo博客中插入数学公式

想想后面记笔时有那么多数学公式要处理我就方了°(°ˊДˋ°) ° 😂。还好今天研究了一下如何在博客中插入数学公式,发现有种使用起来既简单又高大尚的方法——MathJax, 哈哈😁。

如何正确显示

MathJax这么神奇,那到底如何使用呢?不要太简单,就两步:

  1. 在开始部分插入如下代码:

    1
    2
    3
    <script type="text/javascript" async
    src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
    </script>

    千万不要插错位置了,否则文章标题都没法正常显示。

  2. 在网页中插入所需数学公式的特定格式:
    这里先不管格式是怎样的,先看一下如何把这个特定格式显示成可读的数学公式。举一个最简单的例子:f(x)=x^2就是一个特定格式。只不过这个例子非常简单,一看就知道是什么含义。 想要把它显示成数学公式有两种办法,分别对应两种显示方式。一种是单独显示,另一种是在文字中显示。

    • 单独显示,只需要在两边分别加上$$即可。例如$$f(x)=x^2$$,对应数学公式:
      $$f(x)=x^2$$
    • 在文字中显示,只需要在两边分别加上$即可。例如$f(x)=x^2$, 请问$f(x)=x^2$的导数为?咦?看到这里你是不是想说这**博主,说好的在文字中显示呢??!!这里要解释一下,因为$这个符号在其他上下文中有不同的意义,比如它可以当作美元符号等等,所以默认情况下$...$是不支持的。那如何解决呢?只需要在第一步添加的代码之前再添加如下:

      1
      2
      3
      4
      5
      <script type="text/x-mathjax-config">
      MathJax.Hub.Config({
      tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
      });
      </script>


      这个时候就可以完美解决了,请问\(f(x)=x^2\)的导数为? 看到公式了吧,并且公式是在文字中间显示的,并没有占整个一行。 其实,不添加这段代码也可以这样显示,这样\\(f(x)=x^2\\)即可:\(f(x)=x^2\)

LaTeX公式参考

好了,现在你已经知道如何在博客中显示数学公式啦🤗
现在可以来一点稍微复杂的公式了,例如:

$$f'(x\_0)=\lim_{\Delta x\to 0} \frac{f(x\_0+\Delta x) - f(x\_0)}{\Delta x}$$

我去,这是什么鬼😫。哈哈,不慌,这个式子对应的公式为:
$$f’(x_0) = \lim_{\Delta x\to 0} \frac{f(x_0+\Delta x) - f(x_0)}{\Delta x}$$
对应着看看差不多应该有点感觉了吧。还有啊,这些显示的公式可以右击的,很有意思,你可以试一试!

下面我把常用的总结一下。(试试这个:点我)

上角标:

格式 显示
\\(x^y\\) \(x^y\)
\(x^{y^z}\\) \(x^{y^z}\)

下角标:

格式 显示
\\(x_i\\) \(x_i\)

细心的同学会发现(你肯定没发现)我前面写的公式:
$$f'(x\_0)=\lim_{\Delta x\to 0} \frac{f(x\_0+\Delta x) - f(x\_0)}{\Delta x}$$:
$$f’(x_0)=\lim_{\Delta x\to 0} \frac{f(x_0+\Delta x) - f(x_0)}{\Delta x}$$
每个下角标的位置都加了一个\, 那是因为如果我第一个下角标不加反斜杠(后面两个加不加都不影响):
$$f'(x_0)=\lim_{\Delta x\to 0} \frac{f(x\_0+\Delta x) - f(x\_0)}{\Delta x}$$
就会出现下面的效果:
$$f’(x0)=\lim{\Delta x\to 0} \frac{f(x_0+\Delta x) - f(x_0)}{\Delta x}$$
我也不知道为什么…😂求解答…

2016.04.08:终于找到原因了,下划线在Markdown中有特殊含义,两个下划线表示斜体。。。😅, 知道这个就很好解决啦,把每个下划线前都加一个反斜杠就OK啦~🤗

希腊字母:

格式 显示
\\(\alpha\\) \(\alpha\)
\\(\beta\\) \(\beta\)
\\(\Delta\\) \(\Delta\)

求和:

格式 显示
$$\sum_{i=0}^n$$ $$\sum_{i=0}^n$$

分数:

格式 显示
$\frac{x}{y}$$ $$\frac{x}{y}$$

开根号:

格式 显示
\\(\sqrt 3\\) \(\sqrt 3\)
\\(\sqrt[2] 3\\) \(\sqrt[2] 3\)
\\(\sqrt[3] 3\\) \(\sqrt[3] 3\)

极限:

格式 显示
$$\lim_{x \to 0}$$ $$\lim_{x \to 0}$$

分情况:

格式 显示
$$f(x): \begin{cases} x, x>0 \\\ \\\ -x,x<0 \end{cases}$$ $$f(x): \begin{cases} x, x>0 \\ \\ -x,x<0 \end{cases}$$

参考: