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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013282174/article/details/80666123

最近自己搭了一个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

大功告成!

没有更多推荐了,返回首页