fly6022
文章9
标签17
分类2
为你的Hexo博客增光添彩

为你的Hexo博客增光添彩

那些有趣且实用的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

示例

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

$ 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 $

$ 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-08-13-02/
版权声明:本文采用 署名-非商业性使用-禁止演绎 4.0 国际 (CC BY-NC-ND 4.0) 协议进行许可,转载请注明原出处。