使用MathJax在Ghost博客插入数学公式
Markdown文档,没有办法直接书写数学公式。好在有很多方案可以将LaTeX语法的公式渲染出来。
MathJax™,是一个优秀的JavaScript数学公式生成引擎,可以在浏览器中,对输入的数学公式进行漂亮的渲染,比如这样:
\[x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}\]MathJax的特点
- 使用CSS和Web fonts或者SVG实时渲染,而不是图片,因此在缩放上具有“矢量”优势。
- 适用于浏览器,只用引入一个js文件即可实现。
- 缺点是,过多的数学公式,可能会降低页面的加载速度。
由于Markdown可以引入HTML语法,因此MathJax能直接用于Markdown文档,尤其是Ghost这种在线博客。
在HTML文档中引用MathJax
在HTML引入如下JavaScript
<script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
上面使用的是官方CDN,也可以下载js文件到自己的服务器进行引用
在Ghost中引用MathJax
由于MathJax会对页面加载速度有一定的性能损失,故不建议在整个博客中进行加载。可以在需要使用数学公式的Markdown文档的开通,直接引入即可。
-------------------------
本文采用 知识共享署名 4.0 国际许可协议(CC-BY 4.0)进行许可。转载请注明来源:https://imshuai.com/writing-math-formula-by-mathjax-in-markdown 欢迎指正或在下方评论。