Hexo添加数学公式渲染器

爱被打了一巴掌 2022-11-27 12:23 164阅读 0赞

### 文章目录 ###

*  导读
 *  插件
 *  打开开关
 *  页面渲染
 *  附录
 *   *  找规律类的给定项数运算，也可以求均值
     *  求一元极限：
     *  求二元极限：
     *  级数求和：
     *  级数化简：
     *  偏微分:
     *  矩阵求解:

# 导读 #

**`markdown`作为非常强大的编辑器，在公式编辑和网页兼容上做的非常不错。但是，还是有非常多没能兼顾的地方，这里就以我正在使用的`NexT`主题为例详细讲述公式编辑插件的安装。参考教程为`ShadowLearner`的[在Hexo中渲染MathJax数学公式][Hexo_MathJax]一文。**

**注：本教程只针对NexT5，因为魔改太多了就没有更新7。**

# 插件 #

如果你是`Windows`系统，直接使用`Git Bash`的命令行在`Hexo`根目录下使用命令：

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

即删除默认的`hexo-renderer-marked`插件、安装`hexo-renderer-kramed`插件。

如果你是`Ubuntu`系统，请使用超管权限：

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

否则`NodeJS`就根本不会卸载或下载。

当然，其他的教程上也说明了语义冲突，你也可以对根目录下的`/node_modules/kramed/lib/rules/inline.js`稍加修改：

var inline = { 
      // 第2行修改
      escape: /^\\([`*\[\]()#$+\-.!_>])/,
      ...
      // 第20行修改（也可能是21行）
      em: /^\*((?:\*\*|[\s\S])+?)\*(?!\*)/,
    };

# 打开开关 #

教程中会有很多说明要打开开关，于是你无脑地复制了教程中的代码，贴在了自己的配置中，然后发现一点动静都没有，怒砸电脑。

实际上，你应该这么想：既然是有人已经做成了类似`SpringBoot`这种开箱即用的插件式模块，那么肯定是所有配置都齐全了的。所以，找到根目录下的`/themes/next/_config.yml`文件，按下`Ctrl+F`，在弹出的搜索框中输入`mathjax`查找匹配项，然后你找到了这样几行字：

# MathJax Support
    mathjax:
      enable: false
      per_page: false
      cdn: //cdn.bootcss.com/mathjax/2.7.1/latest.js?config=TeX-AMS-MML_HTMLorMML

![查到配置的位置][format_png]  
把所有的`false`改成`true`

`enable`就是配置`mathjax`插件的启用与否；而`per_page`则是确认渲染所有还是逐个查找开启渲染的页进行渲染。

# 页面渲染 #

这是在`per_page`配置为`true`的基础上才需要做的。如果你删除了这个配置项，那么就是默认选择`false`；如果你依然保持`false`，那么所有的页面将会渲染，这一步对你来说没有意义；如果你选择了`true`，那么你需要在`Hexo`的标题区（学术一点的称呼是`Front-matter`）中声明：

---
    title: 这里是标题
    date: 2020-07-26 09:27
    categories: 自定义分类
    tags:
        - 自定义标签1
        - 自定义标签2
    mathjax: true
    ---

于是，你就可以使用`mathjax`作为你的公式渲染器了。

*听说`NexT7`在这方面优化了很多，这个就需要各位去多看看其他的教程了，因为我没有实际使用过所以不能云魔改。*

# 附录 #

在`Hexo`中使用时，即使使用\`\`包裹住依然会被强行转码，所以尽可能在不需要转码的地方使用。如果是`CSDN`中请随意使用。

由于规则和`CSDN`提供的规则非常相似，所以这里只根据一些我常用的算式提供一些提示。

## 找规律类的给定项数运算，也可以求均值 ##

$$
    \overline{a}
    =
    \overbrace{a_1 + a_2 + \cdots + a_n}^{200}
    =E(a)
    $$

a ‾ = a 1 + a 2 + ⋯ + a n ⏞ 200 = E ( a ) \\overline\{a\}=\\overbrace\{a\_1+a\_2+ \\cdots +a\_n\}^\{200\}=E(a) a=a1\+a2\+⋯\+an200=E(a)

## 求一元极限： ##

$$
    \lim_{x \to 0} (1 + x)^{1 \over x} = e
    $$

lim ⁡ x → 0 ( 1 + x ) 1 x = e \\lim\_\{x \\to 0\} (1 + x)^\{1 \\over x\} = e x→0lim(1\+x)x1=e

## 求二元极限： ##

$$
    \lim^{x \to \infty}_{y \to \infty} {\frac{(xy)^2}{x^2+y^2}}
    $$

lim ⁡ y → ∞ x → ∞ ( x y ) 2 x 2 + y 2 \\displaystyle \\lim^\{x \\to \\infty\}\_\{y \\to \\infty\}\{\\frac\{(xy)^2\}\{x^2+y^2\}\} y→∞limx→∞x2\+y2(xy)2

## 级数求和： ##

$$
    \sum^{n \rightarrow \infty}_{i=1}{\frac{i}{n^2}}
    =
    {1 \over 2}
    $$

∑ i = 1 n → ∞ i n 2 = 1 2 \\sum^\{n \\rightarrow \\infty\}\_\{i=1\}\{\\frac\{i\}\{n^2\}\} = \{1\\over2\} i=1∑n→∞n2i=21

## 级数化简： ##

$$
    \sum^{n \rightarrow \infty}_{i=1}{\frac{i}{n^2}}
    =
    \int^1_0{xdx}
    =
    \frac{x^2}{2} | ^1_0 = {1\over2}
    $$

∑ i = 1 n → ∞ i n 2 = ∫ 0 1 x d x = x 2 2 ∣ 0 1 = 1 2 \\sum^\{n \\rightarrow \\infty\}\_\{i=1\}\{\\frac\{i\}\{n^2\}\} = \\int^1\_0\{xdx\} = \\frac\{x^2\}\{2\} | ^1\_0 = \{1\\over2\} i=1∑n→∞n2i=∫01xdx=2x2∣01=21

## 偏微分: ##

$$
    \int^{+\infty}_{-\infty}\int^{+\infty}_{-\infty}\frac{\partial f(x,y)}{\partial y} dx + \frac{\partial f(x,y)}{\partial x} dy
    $$

***要注意的是这里的`\partial`和`f`之间需要有空格，否则会被识别成`\partialf`，然后查无此项，报错。***

∫ − ∞ + ∞ ∫ − ∞ + ∞ ∂ f ( x , y ) ∂ y d x + ∂ f ( x , y ) ∂ x d y \\int^\{+\\infty\}\_\{-\\infty\}\\int^\{+\\infty\}\_\{-\\infty\}\\frac\{\\partial f(x,y)\}\{\\partial y\} dx + \\frac\{\\partial f(x,y)\}\{\\partial x\} dy ∫−∞\+∞∫−∞\+∞∂y∂f(x,y)dx\+∂x∂f(x,y)dy

## 矩阵求解: ##

$$
    \left[\begin{matrix}
      a+b   &a      &0      &\cdots &0      &0\\
      b     &a+b    &a      &\cdots &0      &0\\
      0     &b      &a+b    &\cdots &0      &0\\
      \vdots&\vdots &\vdots &\ddots &\vdots &\vdots\\
      0     &0      &0      &\cdots &a+b    &a\\
      0     &0      &0      &\cdots &b      &a+b\\
    \end{matrix}\right]_n
    =
    \frac{a^{n+1}-b^{n+1}}{a-b}
    $$

\[ a + b a 0 ⋯ 0 0 b a + b a ⋯ 0 0 0 b a + b ⋯ 0 0 ⋮ ⋮ ⋮ ⋱ ⋮ ⋮ 0 0 0 ⋯ a + b a 0 0 0 ⋯ b a + b \] n = a n + 1 − b n + 1 a − b \\left\[\\begin\{matrix\} a+b &a &0 &\\cdots &0 &0\\\\ b &a+b &a &\\cdots &0 &0\\\\ 0 &b &a+b &\\cdots &0 &0\\\\ \\vdots&\\vdots &\\vdots &\\ddots &\\vdots &\\vdots\\\\ 0 &0 &0 &\\cdots &a+b &a\\\\ 0 &0 &0 &\\cdots &b &a+b\\\\ \\end\{matrix\}\\right\]\_n = \\frac\{a^\{n+1\}-b^\{n+1\}\}\{a-b\} ⎣⎢⎢⎢⎢⎢⎢⎢⎡a\+bb0⋮00aa\+bb⋮000aa\+b⋮00⋯⋯⋯⋱⋯⋯000⋮a\+bb000⋮aa\+b⎦⎥⎥⎥⎥⎥⎥⎥⎤n=a−ban\+1−bn\+1

[Hexo_MathJax]: https://www.jianshu.com/p/7ab21c7f0674
[format_png]: /images/20221124/3d4f3c4bc7624c3bab862b3fd5f10152.png