Featured image of post Hugo中如何解決mathjax跑版問題

Hugo中如何解決mathjax跑版問題

查了很多資料,最後發現是斜線的問題

最近很常在Hugo內寫一些數學式,比如說聯立方程,或是矩陣,微積分之類的,有時候會遇到Hugo中無法正確顯示畫面的情況,在這之前已經有參考很多人的文章了,比如說

如何在 Hugo 內嵌 Latex 數學式

MathJax Support 中文文檔

其實不外乎就是加上script裡面,但是我遇到的情況是我已經加上去了,但卻還是沒辦法render出來,我呈現出來的畫面會像這樣

image-20230727115603391

what-are-you-talking-about-weird-look-gif

明明是方程跟矩陣,但看起來就是怪怪的,爬了很多文章之後都找不到結果,後來到我使用的這個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*}
$$

結果圖就如下這樣 :

image-20230727115915003

Licensed under CC BY-NC-SA 4.0