Hits: 429
因為上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