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

2021年4月19日 276Browse 1Like 0Comments

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

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

  1. WordPress插件——WP Githuber MD

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

  1. WordPress插件——Simple MathJax

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

  1. 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后台,成功渲染!!!

agedcat_xuanzai

这个人很懒,什么都没留下

Comments