Markdown添加mathjax支持
原文中文，约1200字，阅读约需3分钟。
📝
内容提要
本文介绍了如何在网页中添加MathJax以显示数学公式。通过创建load-mathjax.js文件并在HTML中引入，可以实现公式的展示。尽管MathJax无需额外插件，但可能会影响网页加载速度。
🔎
延伸解读
配置要点：行内公式与字体缓存
文章中的配置示例显示，MathJax 的 tex 设置将行内公式定界符设为 $...$ 和 \(...\)，svg 设置启用了 fontCache: 'global'。这意味着页面上的数学公式可以用常见的美元符号包裹，而全局字体缓存有助于减少重复字体加载，但具体效果取决于页面公式数量。
异步加载的实现方式
示例通过动态创建 script 标签并设置 async 为 true 来异步加载 MathJax 脚本，同时 HTML 中引入 load-mathjax.js 时也使用了 async 属性。这种做法的目的是不阻塞页面其他资源的加载，但实际加载顺序仍受网络和浏览器调度影响。
性能权衡：便利性与加载速度
文章明确指出，使用 MathJax 的优点是不需要额外插件即可直接显示公式，缺点是可能影响网页加载速度。对于公式较多或对加载性能敏感的页面，需要权衡这一便利性；若页面公式很少，影响可能相对有限。
❓
Q&A
如何在网页中添加MathJax以显示数学公式？
需要新建load-mathjax.js文件并在HTML中引入该文件。
MathJax的配置选项有哪些？
MathJax的配置包括tex和svg设置，支持行内数学公式的展示。
使用MathJax的优点是什么？
优点是无需额外插件即可直接显示公式。
添加MathJax后会有什么缺点？
缺点是添加MathJax后可能会影响网页加载速度。
如何异步加载MathJax脚本？
可以通过在load-mathjax.js文件中设置script.async为true来异步加载MathJax脚本。
MathJax支持哪些类型的数学公式展示？
MathJax支持行内数学公式的展示。
🏷️
