要讓數學公式正常的顯示在網頁中一般都是將公式轉成圖片檔再置於內文，如果您的文章內有一大堆數學公式，就會有一大堆圖片，好險陳凱風老師教我一個方法，今天就寫成筆記。

如何讓您的網頁顯示數學公式，支援latex，同場加映如何將圖片轉換成latex

請先瀏覽mathjax.org網站，閱讀一下前人的貢獻，在您的網站中置入<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

然後在您的網頁中貼上latex。就這麼簡單。

示範：

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

結果如下：

$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$

小提示

上面的範例正常的latex是$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$，您會發現怎麼不會顯示成數學公式，您需要在latex前後再加上$符號，變成這樣$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$。

如何將數學公式圖片轉換成latex

如果您跟我一樣latex還不熟練，看到一個Word上的數學公式，寫個老半天還是無法寫出正確的latex，那麼下面這個網站mathpix.com就是您的救星。

1. 先依照網站指示免費註冊一個帳號。
2. 登錄帳號後至這個網址

   https://snip.mathpix.com/home

3. 將您的數學公式圖片拖拉到畫面中間位置處。

   

4. 完成辨識後，在右上角Code下第一個Text就是我們要的latex，記得上面的提示，前後要加$符號喔!!

在 MathJax 中使用 $ 符號包住 LaTeX 公式是為了讓 MathJax 能夠識別出哪些部分是需要被解析為數學公式的。

這是因為：

1. 分隔符號用途 - $ 符號作為分隔符，明確標記出文本中的數學公式部分和普通文本部分
2. 語法標準 - 這遵循了 TeX/LaTeX 的標準語法，單個 $ 用於行內公式，兩個 $$ 用於獨立公式

例如:

這是普通文字 $x^2 + y^2 = z^2$ 這是普通文字

如果不加 $ 符號，MathJax 就無法判斷哪些是需要轉換的 LaTeX 公式，哪些是普通文字。

你也可以使用其他分隔符，比如 (...) 或 [...]，只要在 MathJax 設定中正確配置即可。但 $ 符號是最常見且標準的用法。

需要注意的是，如果你的文本中本身就需要顯示 $ 符號，你需要用 $ 來轉義，以免被誤認為是公式分隔符。