LaTeX on Blogger

Blogger中插入LaTeX

与blogger中高亮代码块类似，同样是通过在html编辑模式（或编辑模板的html）下引入JavaScript脚本，实现对LaTeX公式的渲染。这里采用的是MathJax；同样的该工具的js文件也在CDN中存有备份，可以直接引用。详细的代码如下

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js">
MathJax.Hub.Config({
 extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
 jax: ["input/TeX", "output/HTML-CSS"],
 tex2jax: {
     inlineMath: [ ['$','$'], ["\\(","\\)"] ],
     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 },
 "HTML-CSS": { availableFonts: ["TeX"] }
});
</script>

用法

\[
... % LaTeX code, 居中显示 (display mode)
\]

或者

$...$ % 其中 ... 为 LaTeX code, 线性显示 (inline mode)

示例

居中显示 \[
\phi(x) = \frac{1}{\sqrt{2 \pi}} e^{-\frac{x^2}{2}} \] 或者也可以通过$...$线性显示公式 (inline mode), 效果为： $\phi(x) = \frac{1}{\sqrt{2 \pi}} e^{-\frac{x^2}{2}}$

性能

注意到，在页面打开时，基本可以看到LaTeX渲染的过程，即从原始的LaTeX表达式到公式显示。这说明该脚本加载速度较慢，具体原因和解决方案后续有待进一步查阅官方文档或Google。

参考

1. MathJax
2. How to use LaTeX on blogspot?
3. Understanding mathjax performance