Hits: 421
因為上machine learning的課,常常需要針對數學式進行說明,就研究了一下要怎麼在wordpress上顯示出數學符號,加上自己習慣使用markdown撰寫文章,因此撰寫這篇文章,來記錄自己在wordpress上使用markdown與latex的方式。
作法
根據參考文章1的作法,登入後台管理介面,進入Appearance\Theme Editor\header.php
中,在</head>
之前,插入下列語法
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [ ['$','$']],
displayMath: [ ['$$','$$']],
processEscapes: true
}
});
</script>
<script type="text/javascript"
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
截圖如下
但是我直接從web的後台介面進行修改卻一直失敗(推測是權限問題),後來改由GCP的SSH登到VM中,直接進行修改,語法如下:
sudo vim ~/apps/wordpress/htdocs/wp-content/themes/twentysixteen/header.php
要注意的是themes之後的路徑要依據使用的主題填寫,我是使用twentysixteen。
vim編輯器的用法請參閱這篇文章,編輯完後儲存即可。
檢視成果
可以看到下圖中,反白的部分已成功地顯示了Latex,算是初步完成。
但是這樣的修改並不是最完美的結果,因為改了header.php
,在部落格的顯示出了點問題
-
首先是文章列表處,字體顯示不太正常(斜體/字體不正常)
-
再來是分類與歷史文章的部分,括號不見且字體改變
-
最後是底下的標籤,同樣的狀況,括號不見且字體改變
這部分我想需要針對header.php
的那串修改指令作點微調,需要作點搜尋,或是改成用別的編輯器+套件 (VS code, sublimetext) ,顯示出結果後貼到部落格上,再研究研究
==20190807 更新==
今天研究了一下mathjax
的指令碼,發現我只要把inlineMath
修改成$
字號將要輸入的latex指令,就可以正確顯示行內的數學式了,同時增加了displayMath
的顯示自元$$
,也就是一大段落的顯示方式。
<範例>
我要在這行內顯示$x^2 + y^2 = z^2$,作法是$x^2 + y^2 = z^2$
。
我要輸入一整行的公式$$x^2 + y^2 = z^2$$,作法是$$x^2 + y^2 = z^2$$
。
我要在這行輸入\$200元吃到飽的消息,作法是在錢號之前加入跳脫字元\$
。
Comments