fly6022
文章18
标签27
分类3
Hexo 博客配置 Mathjax 来显示数学公式

Hexo 博客配置 Mathjax 来显示数学公式

Hexo 博客配置 Mathjax 来显示数学公式

配置与安装

首先,卸载掉Hexo自带的数学公式渲染插件hexo-renderer-marked.

npm uninstall hexo-renderer-marked --save

之后,安装hexo-renderer-kramed.

npm install hexo-renderer-kramed --save

转义

为了防止渲染Markdown文档时,字符发生冲突,需要转义。

路径:博客根目录\node_modules\kramed\lib\rules\inline.js,将第11行escape变量的值做修改:

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

第20行的em变量也要做修改:

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

博客根目录下,命令行界面输入hexo clean && hexo g

使用

在博客主题的_config.yml配置文件中添加:

# MathJax Support
mathjax:
  enable: true
  per_page: true

在需要使用MathjaxMarkdown文档头部添加:

mathjax: true

示例

加菲尔德证法(总统证法)

$ S_{△ AEC} = S_{△CDB} = \frac{ab}{2} $

$ S_{△ ACB} = \frac{c^2}{2} $

$ S_{AECB} = \frac{(a+b)\times(a+b)}{2} $

$ S_{△AEC} + S_{△CDB} + S_{△ACB} = S_{AEDB} $

$ ∵\frac{ab}{2}+\frac{ab}{2}+\frac{c^2}{2} = \frac{(a+b)^2}{2} $

$ ∴ab + \frac{c^2}{2} = ab + \frac{a^2+b^2}{2} $

$ c^2 = a^2 + b^2 $

— END

本文作者:fly6022
本文链接:https://fly6022.fun/posts/2021-03-14-01/
版权声明:本文采用 署名-非商业性使用-禁止演绎 4.0 国际 (CC BY-NC-ND 4.0) 协议进行许可,转载请注明原出处。