0%

在WordPress博客中使用LaTeX

上帝说,要有
\begin{eqnarray*} \nabla\cdot\vec{E}&=&\frac{\rho}{\epsilon_0}\\ \nabla\cdot\vec{B}&=&0\\ \nabla\times\vec{E}&=&-\frac{\partial B}{\partial t}\\ \nabla\times\vec{B}&=&\mu_0\left(\vec{J}+\epsilon_0\frac{\partial E}{\partial t}\right)\\ \end{eqnarray*}
于是就有了光。
注:以上文字旨在测试 \LaTeX 兼容情况。
使用方法:在HTML页面中,通过

1
2
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=TeX-AMS-MML_HTMLorMML"></script>
<!--config后的参数可以根据需求自定义,默认为?config=default-->

即可加载MathJax,该脚本将会把所有 \LaTeX 公式正确显示出来。尽情的按照 \LaTeX 语法插入公式就好啦!
如果要在WordPress中使用,可以通过在编辑文章界面,选择「文本」(如果使用「可视化」,字符将被转义,导致脚本无法加载),输入以上内容达到相同效果。

使用时还需要注意的是,根据官方文档,标记行内公式的$符号默认不会被识别。你可以在HTML页面中加入以下配置以启用之:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
processEscapes: true,
skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
},
TeX: {equationNumbers: { autoNumber: "AMS" }},
"HTML-CSS": { linebreaks: { automatic: true }, EqnChunk: (MathJax.Hub.Browser.isMobile ? 10 : 50) },
SVG: { linebreaks: { automatic: true }}
});
</script>

其中inlineMath项启用了$符号标记的行内公式,而linebreaks项则会在屏幕宽度较小时自动使公式换行。

更多信息可以访问官方网站:MathJax


本文更新于2018年5月20日:
在Hexo中,如果使用了NexT主题,可以通过配置主题目录下的_config.yml简单地使用MathJax。在_config.yml中找到mathjax选项,将其子选项设置为enable: true,并在需要加载MathJax的文章的Front-matter中添加mathjax: true即可。

本文更新于2018年10月3日:
还有一种解决方案是调用知乎的API:https://www.zhihu.com/equation?tex=,通过GET请求,就可以将你的 \LaTeX 表达式转换为公式的图片。

🍭支持一根棒棒糖!