Hexo 经验分享(4) | Hexo 数学公式渲染

发表于 分类于 本文字数： 932 阅读时长 ≈ 1 分钟

在使用 markdown 编写文章时，有些公式并不能正确显示. 在配置网站时，这个问题困扰了好久，解决方法和网上有些不同，
遇到的问题是，本地的 markdown 公式在本地正确地显示，在网站上行间公式既不显示，也不渲染.

结合网上的一些办法，做了以下操作

更换渲染引擎

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

渲染避免冲突

进入 kramed 目录，修改 \node_modules\kramed\lib\rules\inline.js.
修改下列两行

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

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

配置文件开启 MathJax

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
math:
  # Default (false) will load mathjax / katex script on demand.
  # That is it only render those page which has `mathjax: true` in front-matter.
  # If you set it to true, it will load mathjax / katex script EVERY PAGE.
  enable: true
  every_page: true

  mathjax:
    enable: true
    # Available values: none | ams | all
    tags: none
    per_page: true

  katex:
    enable: true
    # See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-tex
    copy_tex: true

行间公式修改

$$ a + b = c $$ 修改为 \$$ a + b = c \$$.
至此，行间公式就可以正常显示了.

参考