mac上hexo的mathjax配置

博文中要写公式是难免的，因为配置hexo支持数学公式是必要的。 Next 主题提供了两个渲染引擎，分别是 mathjax 和 katex，后者相对前者来说渲染速度更快，而且支持更丰富的公式。我这里hexo是4.0版本了，因此又折腾了下。

1，更改next下的config

配置next主题里的_config如下，只需要改一个地方就是mathjax的enable为true。

1 2 3 4 5 6 7 8 9 10 11 12

# Math Formulas Render Support math: # Default (true) will load mathjax / katex script on demand. # That is it only render those page which has `mathjax: true` in Front-matter. # If you set it to false, it will load mathjax / katex srcipt EVERY PAGE. per_page: true # hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support. mathjax: enable: true # See: https://mhchem.github.io/MathJax-mhchem/ mhchem: false

2, 去掉hexo自带的数学渲染

1 2	npm uninstall hexo-renderer-marked --save npm install hexo-renderer-kramed --save

在修改下源文件。打开node_modules/hexo-renderer-kramed/lib/renderer.js，将

1 2 3 4 5

// Change inline math rule function formatText(text) { // Fit kramed's rule: $$ + 1 + $$ return text.replace(/`$(.*?)$`/g, '$$$$$1$$$$'); }

改为：

大专栏  mac上hexo的mathjax配置ain">

1 2 3 4

// Change inline math rule function formatText(text) { return text; }

卸载hexo-math，安装新的。

1 2	npm uninstall hexo-math --save npm install hexo-renderer-mathjax --save

在修改源文件，打开node_modules/hexo-renderer-mathjax/mathjax.html，将最后一句script改为：

1	<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML"></script>

打开node_modules/kramed/lib/rules/inline.js :

1 2	// escape: /^([\`*{}[]()#$+-.!_>])/, 注释掉改为下面一句 escape: /^([`*[]()# +-.!_>])/,

下面的em渲染也改了:

1 2	// em: /^b_((?:__|[sS])+?)_b|^*((?:**|[sS])+?)*(?!*)/, 注释掉改为下面一句 em: /^*((?:**|[sS])+?)*(?!*)/,

3，开启bolg下的config支持

在末尾添加内容。

1 2	mathjax: enable: true

就可以了，鉴于之前的博客可能有些老了，配置了半天就记录下。

4，最后自己在写bolg的时候头部加上mathjax: true，表示本文要数学公式渲染。