最近很常在Hugo內寫一些數學式,比如說聯立方程,或是矩陣,微積分之類的,有時候會遇到Hugo中無法正確顯示畫面的情況,在這之前已經有參考很多人的文章了,比如說
如何在 Hugo 內嵌 Latex 數學式
MathJax Support 中文文檔
其實不外乎就是加上script裡面,但是我遇到的情況是我已經加上去了,但卻還是沒辦法render出來,我呈現出來的畫面會像這樣
明明是方程跟矩陣,但看起來就是怪怪的,爬了很多文章之後都找不到結果,後來到我使用的這個theme的Github頁面查看,就知道問題了
katex 分段函数不能正常显示
其實原因就是因為我的SourceCode長這樣
1
2
3
4
5
6
7
8
| $$
\begin{bmatrix}
-1 & 0 & 0 & 1 & | & -20 \\
1 & -1 & 0 & 0 & | & -10 \\
0 & 1 & -1 & 0 & | & 20 \\
0 & 0 & 1 & -1 & | & 10 \\
\end{bmatrix}
$$
|
在渲染的時候把\\視作跳脫字元處理掉了,所以只要在換行的地方加上跳脫字元的跳脫字元,這樣就可以了
1
2
3
4
5
6
7
8
| $$
\begin{align*}
x_{1} &+ 10 = x_{2} \\\\
x_{2} &= 5 + x_{3}\\\\
x_{3} &= 10+ x_{4} \\\\
x_{4} &+20=x_{1}
\end{align*}
$$
|
結果圖就如下這樣 :