MathJax - LaTeX:WordPress 公式精准呈现方案

发布于:2025-09-07 ⋅ 阅读:(19) ⋅ 点赞:(0)

写在前面:本博客仅作记录学习之用,部分图片来自网络,如需引用请注明出处,同时如有侵犯您的权益,请联系删除!



前言

在当今知识传播与学术交流日益数字化、全球化的时代,WordPress 凭借其灵活性与易用性,成为众多个人、教育机构及科研团队搭建网站的首选平台。无论是学术博客分享前沿研究成果,还是在线教育平台发布课程资料,精准呈现复杂公式都是关键需求。LaTeX 作为专业排版语言,在数学、物理、计算机科学等领域公式表达上具有无可比拟的优势。因此,让 WordPress 建站支持 LaTeX 公式,不仅能提升内容的专业性与权威性,还能满足不同领域用户精准传递知识的需求,为知识的广泛传播与深度交流筑牢根基。

本文首发于东荷新绿的网站-MathJax – LaTeX:WordPress 公式精准呈现方案


安装 MathJax-LaTeX 插件

  • 正常搜索插件:MathJax-LaTeX,并进行安装与启用。
    在这里插入图片描述

  • 修改MathJax-LaTeX的配置。
    在这里插入图片描述


修改插件文件

  • 可在对应的站点本地文件中去修改对应主题的header.php文件,当然也可以网页中通过主题文件编辑器去修改,如下:
    在这里插入图片描述

  • 通过 script 引入 MathJax,在head中添加以下代码:

<script type="text/javascript" async
          src="mathjax/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

<script type="text/x-mathjax-config">
              MathJax.Hub.Config({
                showProcessingMessages: false, //关闭js加载过程信息
                messageStyle: "none", //不显示信息
                showMathMenu: false, //关闭右击菜单显示
                availableFonts: ["STIX", "TeX"], //可选字体
                jax: ["input/TeX", "output/HTML-CSS"],
                tex2jax: {
                  inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                  displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
                }
              });
</script>

如下:

在这里插入图片描述

效果

在这里插入图片描述

在这里插入图片描述


总结

总结: 本文主要介绍了如何通过安装插件,让wordpress站点支持latex公式。


互动

  • 上述内容对你有用吗?

欢迎在评论区解答上述问题,分享你的经验和疑问!

当然,也欢迎一键三连给我鼓励和支持:👍点赞 📁 关注 💬评论 💰打赏。


致谢

欲尽善本文,因所视短浅,怎奈所书皆是瞽言蒭议。行文至此,诚向予助与余者致以谢意。


参考

[1] 在WordPress网站上支持Markdown、LaTeX