【343】MathJax、LaTex、Mathml 數學公式


參考:cnblog中添加數學公式支持


分類參考:

1. 基本功能

2. 布局功能

3. 裝飾功能


在博客中使用數學公式,是一件相對麻煩的事兒,大量的截圖和插入圖片不僅耗費極大的精力,而且影響寫作體驗。
雖然對於公式顯示已經有多種解決辦法,但大多數需要安裝插件。而MathML這一雄心勃勃的網頁數學語言,則需要瀏覽器支持,目前支持較好的瀏覽器也就是firefox。更具有災難性的事是它跟latex語法不一致,需要用戶重新學習!
在有了Latex利器之后,終於又出現了MathJax這一利器,完美的解決了網頁顯示公式的問題。
MathJax是一個javascript類庫,所有瀏覽器都原生支持,不需要安裝任何插件,“有瀏覽器的地方就有公式”;它也支持latex代碼以及mathml代碼,原來的latex用戶不需要再次學習即可輕松上手。
下面說明在cnblog中如何配置,使得公式可以正常顯示。

配置方法:

(1)進入“我的博客”--“設置”頁面,

(2)在“頁首html”框里添加如下代碼:

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

(3)點擊“保存”。

使用方法:

在正文中寫作時,使用美元符號($)括起latex代碼即可。

示例:

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}.$$

得到結果如下:

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}.$$

測試代碼:

Here comes \LaTeX!

Subscript: $ x_i $

Square: $ x^2 $

Exponentiation: $ x^{y^z} $

Integral: $ \int_a^b f(x) $

Fraction: $ \frac ab $, $ \frac 12 $, $ 3\frac 12 $

Square root: $\sqrt{x}$, $\sqrt{x^2+\sqrt{y}}$, $\sqrt[3]{2}$

Sum: $$ y=\sum_{b}^{a}x^2 $$

Under brace: $$\underbrace{a+b+\cdots+z}_{26}$$

Greek alphabet: 

Lower: $\alpha$, $\beta$, $\gamma$, $\delta$, $\theta$, $\lambda$, $\mu$, $\xi$, $\pi$, $\rho$, $\sigma$, $\phi$, $\omega$

Upper: $\Gamma$, $\Delta$, $\Theta$, $\Lambda$, $\Xi$, $\Pi$, $\Sigma$, $\Phi$, $\Omega$

Here comes \LaTeX!

Subscript: $ x_i $

Square: $ x^2 $

Exponentiation: $ x^{y^z} $

Integral: $ \int_a^b f(x) $

Fraction: $ \frac ab $, $ \frac 12 $, $ 3\frac 12 $

Square root: $\sqrt{x}$, $\sqrt{x^2+\sqrt{y}}$, $\sqrt[3]{2}$

Sum: $$ y=\sum_{b}^{a}x^2 $$

Under brace: $$\underbrace{a+b+\cdots+z}_{26}$$

Greek alphabet:

Lower: $\alpha$, $\beta$, $\gamma$, $\delta$, $\theta$, $\lambda$, $\mu$, $\xi$, $\pi$, $\rho$, $\sigma$, $\phi$, $\omega$

Upper: $\Gamma$, $\Delta$, $\Theta$, $\Lambda$, $\Xi$, $\Pi$, $\Sigma$, $\Phi$, $\Omega$ 

跨行對齊,例如公式推導的過程:

參考: Latex 多行公式換行對齊

首先 \\ 表示換行,& 表示對齊,在需要對其的部分前面加入 &,同時需要 \\begin{split} ... \\end{split}。

\begin{equation}
\begin{split}
x&=a+b+c\\
&=d+e\\
&=f+g
\end{split}
\end{equation}

效果:

$$\begin{equation*} \begin{split} x&=a+b+c\\ &=d+e\\ &=f+g \end{split} \end{equation*}$$

$$\begin{equation*}
\begin{split}
E_b &= ((Xb)^T - y^T)(Xb-y)\\
&=(b^T X^T - y^T)(Xb-y)
\end{split}
\end{equation*} $$


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM