使用LaTex添加公式到Hexo博客里

代码编辑器,强烈推荐使用微软的 VS code,相比Atom开启迅速,使用方便,扩展丰富


第一步: 安装Kramed

hexo 默认的渲染引擎是 marked,但是 marked 不支持 mathjax。,所以需要更换Hexo的markdown渲染引擎为hexo-renderer-kramed引擎,后者支持mathjax公式输出。

npm uninstall hexo-renderer-marked --save
npm install hexo-renderer-kramed --save
使用LaTex添加公式到Hexo博客里_第1张图片
安装Kramed

第二步:更改文件配置

打开/node_modules/hexo-renderer-kramed/lib/renderer.js,更改:

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

为,直接返回text

// Change inline math rule
function formatText(text) {
    return text;
}
使用LaTex添加公式到Hexo博客里_第2张图片
更改renderer.js文件配置

第三步: 停止使用 hexo-math,并安装mathjax包

卸载hexo-math

npm uninstall hexo-math --save

安装 hexo-renderer-mathjax 包

npm install hexo-renderer-mathjax --save
使用LaTex添加公式到Hexo博客里_第3张图片
卸载hexo-math

使用LaTex添加公式到Hexo博客里_第4张图片
安装mathjax包

第四步: 更新 Mathjax 的 配置文件

打开/node_modules/hexo-renderer-mathjax/mathjax.html
如图所示更改

使用LaTex添加公式到Hexo博客里_第5张图片
更改

你可能感兴趣的:(使用LaTex添加公式到Hexo博客里)