在Hexo中使用mathjax渲染数学公式

最近自己搭了一个vps，准备把博客搬到自己的服务器上。

在使用Hexo搭建博客的时候，发现它默认并不支持latex数学公式，在网上找了很多资料，踩了各种坑终于搞定了数学公式的渲染问题。

安装maupassant主题

$ git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
$ npm install hexo-renderer-pug --save
$ npm install hexo-renderer-sass --save

在主题_config.yml中添加支持mathjax:

mathjax: true

更换Hexo的markdown渲染引擎

$ npm uninstall hexo-renderer-marked --save
$ npm -g install hexo-renderer-kramed --save

解决语义冲突

修改node_modules\kramed\lib\rules\inline.js中的第11行：

//  escape: /^\\([\\`*{}\[\]()#$+\-.!_>])/,
escape: /^\\([`*\[\]()#$+\-.!_>])/,

以及第20行：

//  em: /^\b_((?:__|[\s\S])+?)_\b|^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,

安装mathjax插件

$ npm install hexo-math --save
$ hexo install math

在文章的front-matter中添加mathjax: true

title: Title
mathjax: true

重启hexo

$ hexo clean
$ hexo generate

大功告成！