WordPress博客如何完美支持数学公式

这两天在写博客的时候，需要手打很多数学公式，现在数学公式要美观好看离不开Latex。如何使WordPress博客完美支持Latex，踩了不少坑，记录一下。

我现在写博客的工具是Typora，写完后将其复制到WordPress后台，因而不仅需要支持Latex语法，还要尽可能与Typora的写法一致，复制过去之后不需要修改即可使用。下面是几个尝试过的方法，但是各有各的问题。

1. WordPress插件——WP Githuber MD。

WP Githuber MD插件我是用来写Markdown的。它功能比较强大，除了支持Markdown语法外，还支持Katex和MathJax（也就是Latex)。但是，这个插件对Katex和MathJax的支持还存在很多BUG。比如，存在无限递归$的情况；由于行内公式的限定符是($ $)，存在部分渲染或者渲染出错的问题。除此之外，Katex渲染出来的数学公式与字号不匹配，显得比较丑。

2. WordPress插件——Simple MathJax

这个插件，我设置渲染数学公式的规则之后，发现根本不生效，一直没搞定，不知道为什么~~

3. WordPress插件——MathJax-Latex

这个插件也是同样的问题，设置之后不生效~~

然后我就放弃了使用插件的幻想，决定自己在WordPress后台手动配置。

首先进入外观->编辑，编辑header.php文件，在</head>前加入以下代码：

<script type='text/javascript' 

        src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'>

</script>

和配置渲染数学公式规则的代码：

    <script type="text/x-mathjax-config">

        MathJax.Hub.Config({

            extensions: ["tex2jax.js"],

            jax: ["input/TeX", "output/HTML-CSS"],

            tex2jax: {

                inlineMath: [ ['$','$'], ["\\(","\\)"] ],

                displayMath: [ ['$$','$$'], ["\\[","\\]"] ],

                processEscapes: true

            },

            "HTML-CSS": { availableFonts: ["TeX"] }

            });

    </script>

保存更改，然后大功告成！

将Typora中写成的数学公式直接复制到WordPress后台，成功渲染！！！