給Hexo博客添加Mathjax數學公式支持

前言

小白文,大神請略過……

最近群裡經常有人詢問Hexo博客的Mathjax的擴展使用,由於網上教程不靠譜,忽悠人一大圈還沒啥卵用。於是花點時間折騰了下Mathjax.js,出了這篇教程。(表示沒用數學公式,mathjax也是第一次接觸)

嘮叨一下修改代碼的建議:可以在其上擴展,最好不要修改。修改會出現: 改好一個bug,出來N多個bug的這種情況,因為你不知道其他地方是否還用到你修改的這部分代碼,後果很嚴重。

開始搞

給Hexo博客添加Mathjax數學公式支持

點擊第一個進入其官網

給Hexo博客添加Mathjax數學公式支持

找到Getting Started,點擊Learn more

給Hexo博客添加Mathjax數學公式支持

拉到最下邊,Jump to our docs

給Hexo博客添加Mathjax數學公式支持

找到其demo代碼

給Hexo博客添加Mathjax數學公式支持

注意其代碼有個坑,js的src應改為https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=TeX-MML-AM_CHTML

接下來就是實驗代碼了,新建文章輸入以下代碼:

給Hexo博客添加Mathjax數學公式支持

這裡發現了個bug,即代碼快裡面放入raw標籤會把代碼直接當成html,會被解析了。所以上面的代碼缺少了raw標籤,還需用raw標籤包起來。關於raw標籤的介紹請參考 hexo文檔【標籤插件】

正確的代碼如下圖:

給Hexo博客添加Mathjax數學公式支持

接下來再頁面上預覽一下

給Hexo博客添加Mathjax數學公式支持

ok了,很簡單有木有。而且在md插入這種不常用的js可以節省一些資源。


分享到:


相關文章: