在 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 已经推出，本文内容可能过时。