[筆記] 在wordpress上同時使用markdown與latex

Visits: 0

因為上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>

截圖如下
file

但是我直接從web的後台介面進行修改卻一直失敗(推測是權限問題),後來改由GCP的SSH登到VM中,直接進行修改,語法如下:

sudo vim ~/apps/wordpress/htdocs/wp-content/themes/twentysixteen/header.php

要注意的是themes之後的路徑要依據使用的主題填寫,我是使用twentysixteen。

vim編輯器的用法請參閱這篇文章,編輯完後儲存即可。

檢視成果

可以看到下圖中,反白的部分已成功地顯示了Latex,算是初步完成。
file

但是這樣的修改並不是最完美的結果,因為改了header.php,在部落格的顯示出了點問題

  • 首先是文章列表處,字體顯示不太正常(斜體/字體不正常)

    • file
  • 再來是分類與歷史文章的部分,括號不見且字體改變

    • file
  • 最後是底下的標籤,同樣的狀況,括號不見且字體改變

    • file

這部分我想需要針對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元吃到飽的消息,作法是在錢號之前加入跳脫字元\$


參考文章2
mathjax完整文件
G. T. Wang大大的教學
Latex的數學符號
Latex線上編輯器

About the Author

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

You may also like these