導讀因為微信公眾號不支持引入外部CSS和JS腳本，所以不能引入MathJax或KaTeX來支持數學公式顯示。目前只能通過插入公式圖片（webp、png等格式）的....

因為微信公眾號不支持引入外部 CSS和JS腳本，所以不能引入MathJax或KaTeX來支持數學公式顯示。目前只能通過插入公式圖片（webp、png等格式）的方式來顯示公式。一般情況下插入webp或png格式的圖片，顯示效果還可以。

存在的問題主要有：

1. 文章中公式較多時首次加載慢，出現文章下來文字已經顯示出來，公式圖片還在加載中；

1. 文章的字號改變后公式不能隨之縮放；

1. 單純放大文章頁面公式圖片出現鋸齒模糊的情況，使用尺寸更大的圖片會改善鋸齒情況，但這樣造成加載速度變慢。

這時候矢量格式的 svg就成為首選了。之前也有人留言詢問本公眾號如何排版數學公式，但步驟多又需要一定編程基礎不易使用。

現在 markdown Nice（https://mdnice.com/）的最新版本已經實現了這個功能。現在可以很方便在微信公眾號里展示數學公式了。Markdown Nice 排版功能很多，這里只說下數學公式的排版。

在左邊的編輯框寫入 markdown 的內容，編輯器的數學公式部分是基于 MathJax 3 開發的，數學公式采用 LaTeX 語法（ MathJax 兼容的那部分）：

1. 行內公式：將公式插入到本行內，符號：$公式內容$，如：$xyz$

2. 行間公式：將公式插入到新的一行內，并且居中，符號：$$公式內容$$，如：$$xyz$$

編輯器是實時渲染的，在右邊可以實時看到效果。編輯完文章后點擊上方工具欄的藍色復制按鈕，等出現如下圖提示

就可以直接在微信公眾號后臺編輯器直接 Ctrl v粘貼內容了。

如果對 LaTeX 語法不熟悉，可參考知乎問題：知乎上的公式是怎么打出來的？https://www.zhihu.com/question/31298277。為了優化微信公眾號顯示，LaTeX 公式書寫建議：

1. \tag{xxx} 改為 \qquad (xxx)（避免公式被縮小）；

2. 長的行內公式改為行間公式（優化斷行），并適當換行。不要直接使用 \\ 來換行，要使用 aligned 等對其環境。（避免公式被縮小）；

3. 公式中的 <后要加一個空格，即$a<b$改成$a< b$（不修改公式無法正常顯示）。

需要注意的是：嵌入 svg 的文章在公眾號后臺二次編輯的時候很容易造成公式丟失。

傳播數學，普及大眾

歡迎把我們推薦給你身邊的朋友