作者xcycl (XOO)
看板Blog
标题[Blogger] 用 MathJax 显示 LaTeX 数学符号
时间Mon Jul 22 05:59:11 2013
分享一个稍微冷门的知识，或许有需求 :P
网志好读版：
http://note-on-cat.blogspot.co.uk/2013/07/mathjax-blogger.html
前言
MathJax 是近年来网页技术中，用来显示数学符号最热门的方法之一。
以往的解决方法如 MathML 需要浏览器的支援，可能因为数学排版复杂又不热门，
主流浏览器中只有 Firefox 支援的最完整，其它如 Chrome、Safari
或是 IE 排版结果远逊於 TEX 或是 LATEX 的品质；
另一种方式则是直接显示成图片，缺点是与内文难以相配，
能够显示但不够优美。而如今 MathJax 的优点，在於只需要
支援 JavaScript 的浏览器几乎都可以正确而且漂亮地显示（详情见 MathJax 网页），
支援 LATEX 的语法，几乎就像是直接使用 LATEX 一样。
但因为 MathJax 是一支 JavaScript 程式，必须在网页读取完成後再解读。
使用上不如 MathML 只要输入 MathML 的语法就能显示，
需要在网页中「安装」MathJax，并不能直接使用。目前网站支援 MathJax 大多为
数学相关的网站，像是讨论研究所等级的数学问题的 MathOverflow 或是
维基百科 Wikipedia （需个人账号登入设定）。而各主流网志平台中，
多数仍需要稍微修改范本（template）的原始档才能使用，有些平台
如 Wordpress.com 虽然提供各种不同范本的，但不能修改原始档就没办法了。
幸好，Google 旗下的 Blogger 提供了范本的原始档修改，几个简单的步骤
就能让 Blogger 使用 MathJax。其他的平台也类似如法炮制即可：
安装步骤
首先，连结到 Blogger 的网志主页，选择 范本 / 编辑 HTML：
在底下的原始档中寻找段落由 <head> 开头以 </head> 为结尾的段落，
在 <head> 下加入底下的原始码：
<script src='
http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML' type='text/javascript'>
MathJax.Hub.Config({
TeX: { equationNumbers: { autoNumber: "AMS" } },
tex2jax: {
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
processEscapes: true },
'HTML-CSS': { scale: 90 },
displayIndent: '2em'
});
</script>
其中两行指令 inlineMath 跟 displayMath 分别设定 MathJax 要用
什麽样的文字当作数学段落的开始跟结尾，这里用的习惯与 LATEX 一致，
用 \$ ... \$ 显示行内数学；用 \[ ... \] 显示自成一行的数学。
另外 'HTML-CSS': scale: 90 设定数学显示大小为原本的 90%，
略小於原本的设定贴近 Blogger 初始字型大小，这点依照各个范本而定。
这样就大功告成了。接下来可以在自己的文章上测试语法，
例如要显示 LATEX 只需要在文章中输入 $\LaTeX$ 若设定正确地
应该就能看到斜体的 LaTeX。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 78.151.134.42
※ 编辑: xcycl 来自: 2.98.234.192 (07/22 20:57)
1F：→ BaBi:似乎无法套用至blogger的动态面板 08/01 17:13
2F：推 Wcw5504:Logdown也有原生支援Latex 08/01 20:47