解决hexo框架支持latex数学公式

    技术2022-07-10  135

    2020/5/23 最近操作系统学习有点难,都要计算什么的,所以要用到数学公式记录笔记,但是hexo next主题默认渲染不支持latex的数学公式。所以今天就要解决这个问题。


    1 安装Kramed

    hexo 的默认渲染引擎是marked,但是marded不支持latex公式,所以要更换hexo的渲染引擎为Kramed。在自己博客目录下开启git bash,分别输入

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

    2 更改krame下的文件配置

    进入/node_modules/hexo-renderer-kramed/lib/renderer.js,将formatText函数返回值更改

    3 下载mathjax包(所有命令都在个人博客目录下输入)

    先卸载math包

    npm uninstall hexo-math --save

    安装mathjax包

    npm install hexo-renderer-mathjax --save

    4 更改mathjax的配置

    打开 /node_modules/hexo-renderer-mathjax/mathjax.html==,复制一下内容到html文件最后一行,并把原来的script注释掉

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

    5 更改默认转义规则

    由于latex与markdown语法有语义冲突,所以要修改默认的规则

    打开/node_modules\kramed\lib\rules\inline.js,将原来escape,em的注释掉,重新写。

    6 开启mathjax

    在主题文件夹下,打开config.yml文件,找到

    mathjax: false

    修改为

    mathjax: true

    注意:无论是配置文件还是博客文件,配置项跟配置参数均有有一个空格,否则会配置失败。如果你的博客文章要使用latex公式,在YAML Front Matter添加配置项

    mathjax: true

    参考:

    https://www.jianshu.com/p/68e6f82d88b7

    an>

    mathjax: true

    参考:

    https://www.jianshu.com/p/68e6f82d88b7

    Processed: 0.013, SQL: 10