使用Mathjax網頁插入公式

本文關於

想在網頁里面插入公式，找到了 Mathjax，這里說怎么設置，具體來說是怎么在博客園設置。以及一點點如何使用。

設置方法

1. 需要開通js的權限。
2. 進入 設置。
3. 在頁腳Html代碼輸入：

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  displayAlign: "left",
  displayIndent: "2em"
});
</script>

<script 
type="text/javascript" 
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

CSS設置

如果需要改變格式也可以通過更改CSS
公式的類是 .MathJax_Display{}

說明

• 第一個部分是進行左對齊設置，如果不設置好像默認是居中對齊，我不太喜歡。
• 第二部分就是說明使用mathjax解析公式。
• 先后順序不能變，好像。

使用方法

插入公式方法

• 在編輯頁面輸入公式。

• 插入行間公式（1）： $$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$
  $$x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$$

• 插入行間公式（2）： \begin{equation}x^{y^z}=(1+{\rm e}^x{-2xy^w})\label{1}\end{equation}。
  \begin{equation}x^{yz}=(1+{\rm e}^x{-2xyw})\label{1}\end{equation}

• 插入行內公式： \\(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\\) \(x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\)，因為是從markdown解析，所以是兩個 \\。

公式語法

嗯，不想學，然后就去這里吧！
在線公式編輯器
基本就像word里面的公式編輯器，點想要的，對話框會自動幫你翻譯成看不懂的樣子...
如果想看下到底什么效果，點 Render。
試了下有點慢，可是好用。
$$\int_{t1}^{t2}dN/N=\int_{t1}^{t2}kdt$$。
$$\int_{t1}^{{t2}dN/N=\int_{t1}}{t2}kdt$$

注意有的時候需要轉義，比如 _ 可能作用成了斜體，就需要輸入 \_。

公式引用和設置

• 使用方法2輸入公式，並在 \end{equation} 前插入 \label{id}， id用你設置的編號替代。
• 引用的時輸入 \\ref{1}\\ref{1}\，點那個1會跳回去上面的公式。
• 打開這個功能需要額外設置，以下代碼里面對齊設置也加進去了。

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
        "HTML-CSS": {linebreaks: {automatic: true}},
        SVG: {linebreaks: {automatic: true}},
        displayAlign: "left",
        displayIndent: "2em"
    });
</script>

我用 $$ 插入的時候不成功，只有用 \begin\end{equation} 方法才可以。

點右鍵試一試

• 會出現一個菜單，至於干嘛的，你自己看看吧，我也不知道。

博客園自帶數學公式

• 發現在 設置-選項 里有一個 啟用數學公式支持。刪了插入公式的js代碼，勾選這個后倒是能顯示公式，可是字體微妙的不清楚，不知道為什么。
• 選擇啟用了之后實際上是修改了下面的內容：
  <script type="text/javascript">var currentBlogApp = 'Xeonilian', cb_enable_mathjax=true;var isLogined=true;</script>

參考網站

[1] 這里有三種，一種不顯示，一種放大后發虛，Mathjax效果最好，所以我用的這個。例子也是從這里借的。
[2] 關於引用參考的這個網站。
[3] Latex公式語法。