部署Mathjax—-让wordpress支持数学公式显示

介绍

Mathjax是一种方便的数学公式渲染工具,能接受多种输入和输出要求:

  • 输入
    • ASCIIMath
    • MathML
    • TeX(在Markdown中所用)
  • 输出
    • CommonHTML(默认)
    • HTML-CSS
    • NativeMML
    • PlainSource
    • PreviewHTML(快速预览)
    • SVG

部署方法

使用cloudflare的CDN

header.php文件里添加JS引用,具体步骤:登陆wordpress,进入外观->编辑->主题页眉 (header.php)。在head标签里添加一行代码引入MathJax:


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

值得注意的是,这行代码必须要放到 <?php wp_head(); ?>之前,否则不生效

本地部署步骤

这里我直接下载了一位大佬精简的版本:

https://github.com/zhzh2001/zhzh2001.github.io/tree/master/mathjax

步骤:

  1. 下载Mathjax,可以为releasegit版本,我使用Mathjax-2.7,也可以使用git版本。
  2. 解压文件到网站的一个易于访问的位置,可以直接通过相对路径表示。
  3. 删除不必要的文件,整个版本有~60MiB,上万个文件。

用LaTex写好了数学公式之后在博客里把它加进去,这里要使用某些特定的分隔符以方便被MathJax识别。具体地,有两种显示方式:

  • 换行显示(displayed mathematics),它的分隔符是 $$...$$和 \[...\] ,比如我们有一个数学公式: \sqrt{a^2+b^2} ,那么它的换行显示的格式就是: $$\sqrt{a^2+b^2}$$ 或者 \[\sqrt{a^2+b^2}\] ,显示效果就是这样的:$$\sqrt{a^2+b^2}$$
  • 行内显示(in-line mathematics),它的分割符号是 \(...\) ,行内显示的格式: \(\sqrt{a^2+b^2}\) ,显示效果:\(\sqrt{a^2+b^2}\)就是这样的。

© 版权声明
THE END
喜欢就支持以下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容