在hexo中优雅地使用mathjax
发表于
0x00
众所周知,在hexo中,你会发现我们不能用LaTeX
语法优雅地书写公式,这对于我们来说是非常不利的,而2019年九月,MathJax发布了3.0版本,对2.0版本进行了重写,所以原来直接引入js的方法不行了。
3.0 版本带来了许多闪亮的特性,其最为显著的改进便是渲染速度提升。此前 KaTeX 宣传比 MathJax2 速度快很多,但 MathJax3 发布后,两者已经不分伯仲。除此之外,MathJax 增加了对 Node.js 端的数学公式渲染的支持。此前这一功能需要借助 mathjax-node
通过繁琐的配置才能实现,而现在官方提供了大量的 Demo,只需要数行代码便可以达到与前端完全一致的渲染效果。在 Hexo 这样基于 Node.js 的博客系统中,同样可以方便地实现后端的数学公式渲染。借助于 MathJax,可以在 Hexo 生成过程中就将所有文章中的数学公式渲染为 svg 格式的图片。这样做的优点是不需要加载任何前端脚本,就可以显示数学公式,显著提高页面加载速度。
0x01
这边我们需要借助一下一位Next主题的一个包。
1 | $ npm install hexo-filter-mathjax |
修改_config.yml
1 | mathjax: |
这样一来,在需要使用LaTeX
的文章的Front-matter中添加mathjax: true
即可
iℏ∂t∂ψ=−2mℏ2∇2ψ+Vψ
Hello World
发表于