anzhiyu主题添加对数学公式的支持

由于我想要写一篇文章，其中需要写化学方程式，但anzhiyu主题似乎没自带，所以研究了一下，写了篇教程方便其他需要的小伙伴

效果演示

此处表达式转载自https://www.bilibili.com/read/cv39488642

$$\text{Na}^\text{+}[\text{:}\mathop{\text{O}}\limits_{\mathbf{.\,.}}^{\mathbf{.\,.}}\text{:}\text{H}]^\text{-}$$ $$\text{Na}\overset{\LARGE{\LARGE{\curvearrowright}}}{{\overset{×} {}+·}} \overset{\bf{.\,.}} {\underset {\bf{.\,.}}{\text{S}}}\overset{\LARGE{\LARGE{\curvearrowleft}}}{{·+\overset{×} {}} }\text{Na}\longrightarrow\text{Na}^+[\overset{×} {{\text{.}}}\overset{ \bf{.\,.} }{\underset {\bf{.\,.}}{\text{S}}}\overset{×} {{\text{.}}}]^\text{2-}\text{Na}^+$$ $$\ce{2Al2O3_{\text{（熔融）}}} \xlongequal[冰晶石]{电解} \ce{4Al + 3O2 ^}$$ $$\ce{N2(g) + 3H2(g) <=> 2NH3(g)} \qquad \Delta H = -92.5kJ/mol$$

教程

• 在博客终端输入指令

npm install hexo-filter-katex

• 在博客根目录_config.yml中添加

katex:
  enable: true
  copy_tex: false
  mhchem: true  # 启用化学扩展
  cdn:
    css: https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css
    js: https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js
    mhchem: https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/contrib/mhchem.min.js

• 在themes\anzhiyu\layout\includes\head.pug中最底部添加

if theme.katex.enable
  link(rel="stylesheet" href=theme.katex.cdn.css)
  script(defer src=theme.katex.cdn.js)
  script(defer src=theme.katex.cdn.mhchem)