WordPress如何显示数学公式

点击量:5589

这段时间写了几篇machine learning的文章,需要用到很多数学公式,这些文章里所有的数学公式基本都是贴图的,其实这样并不方便,而且很不美观。主要是自己懒,觉得能截图就截图了,感觉在wordpress里编辑数学公式肯定很麻烦,但实际上在wordpress里显示数学公式是一件非常简单的事,出乎意料的简单,连插件都不需要装。我采用的方案是一个基于LaTeX显示数学公式的JavaScript引擎-MathJax-https://www.mathjax.org/,这个JS引擎的优点是全浏览器支持,不需要额外插件设置,非常方便。具体使用步骤如下:

  • 在header.php文件里添加JS引用,具体步骤:登陆wordpress,进入外观->编辑->主题页眉 (header.php)。在head标签里添加一行代码引入MathJax: 值得注意的是,这行代码必须要放到 <?php wp_head(); ?>之前,否则不生效)这里的JS地址用的是MathJax的官方CDN,其实也完全可以把这个MathJax.js文件下载放到本地,然后配置成本地地址。但是呢,这个CDN地址在墙内的访问速度还可以,所以还是建议大家直接使用官方的CDN吧,省事、方便。


  • 完成上面的步骤就完成了MathJax的配置,怎么样,很简单吧。那配置好了之后该如何显示数学公式呢?

  • 我们知道MathJax是基于LaTeX的,所以首先要用LaTeX语法把数学公式写出来。这里推荐一个非常好用的在线的LaTeX编辑数学公式的网站:Oneline LaTex Equation Editor
    这个网站提供图形化编辑工具,能实时显示数学公式。LaTeX编辑数学公式的语法学习成本基本为零,很简单,写得多了都不需要图形化工具了。

  • 用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}\)就是这样的。

    好了,完成以上3个简单的步骤就能在你的博客或者任何HTML页面里显示数学公式了。

  •      

    原创不易,如果您觉得本文对您有帮助,可以打赏博主一杯咖啡,鼓励博主持续创作!


  • Ethereum/Polygon/Bsc/Arbitrum: 0xa8c00949fd7dD23b5Ec36A9181966c8C8436A015
  • Bitcoin: bc1qdvf0j0rntarvdal62n35etwmjzwk307w4jtyjz
  •    
  • 支付宝:

  • WordPress如何显示数学公式》上有16条评论

    1. Pingback引用通告: 在wordpress中写Latex公式 – rogoso.info

    2. Pingback引用通告: wordpress显示公式 – 王泽旭的个人博客

    3. Pingback引用通告: 从马尔可夫不等式到弱大数定律 – 狸猫的写作场所

    4. Pingback引用通告: WordPress怎么显示数学公式(R) – 以乐

    5. 天涯客

      我建议再装一个latex2html插件,和mathjax搭配着用。有些公式mathjax是做不出来的,比如要把多行公式用一个大括号括起来,mathjax就无法完成。因为mathjax不支持latex的环境功能,用latex2html就可以完美解决。
      我网站的公式就是mathjax和latex2html搭配完成的

      回复
      1. fanyy 文章作者

        Chrome右键“审查元素”,然后在网络控制台抓请求,抓到这个js文件的地址,然后贴到浏览器里大家就能下载了

        回复
    6. Pingback引用通告: 在wordpress中添加公式 – 半亩方塘

    7. Pingback引用通告: Wordpress写数学公式 – 阿绮聊发少年狂

    8. Pingback引用通告: 常用回测指标详解 – 卡古的学习笔记

    9. Pingback引用通告: 如何在wordpress文章中插入数学公式-BOYLAB

    10. Pingback引用通告: 建站历程(4)数学公式 – 水-Water

    11. Pingback引用通告: 建站历程总结 – 水-Water

    发表评论

    邮箱地址不会被公开。 必填项已用*标注