在hexo中使用mathjax

之前总是使用mathtype写公式然后再上传图片, 速度太慢了, 而且公式出错后不容易修改, 所以开始用mathjax, 但是原生hexo并不能直接渲染mathjax, 查阅资料总结了一波
只需五步:
可以先换成淘宝的下载源,增加npm下载速度: npm config set registry https://registry.npm.taobao.org

一:使用Kramed 代替 Marked

渲染引擎kramed支持mathjax

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$$$$');
}

更改为

1
2
3
4
5
// Change inline math rule
function formatText(text) {
// Fit kramed's rule: $$ + \1 + $$
return text;
}

二:使用hexo-renderer-mathjax 代替 hexo-math

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

三:更新 Mathjax 的 CDN 链接

打开:博客根目录/node_modules/hexo-renderer-mathjax/mathjax.html
将最下面

0%