0%

在 WordPress 博客中使用 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,该脚本将会渲染页面中的所有公式。尽情地按照语法插入公式就好啦!
如果要在 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 请求,就可以将你的表达式转换为公式的图片。

本文更新于 2020 年 3 月 19 日:
MathJax3 已经推出,本文内容可能过时。

🍭支持一根棒棒糖!
张书樵 微信

微信

张书樵 支付宝

支付宝