BloggerでMathJaxを使う方法
Blogger テンプレートの編集
こちらの解説 (Getting Started — MathJax 2.3 documentation) にあるように、HTMLソースのHEADブロックの中に以下のタグを埋め込めばいい。
<script type="text/javascript"
src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
Blogger の管理画面から、テンプレート -> HTML の編集 を行い、<head> … </head> の間の適当な場所に
タグを貼り付けて「テンプレートを保存」。
テンプレート -> バックアップ/復元 の機能を利用して、事前・事後にバックアップを取っておくと安心。
MarsEdit プレビューテンプレートの編集
ブログ作成ツール MarsEdit のプレビュー画面でも数式を表示したい。
これには SyntaxHighlighter 同様のトリックが必要となる。
テンプレートのBODYブロック内(</body>の直前)に以下のスクリプトを埋め込んだら、プレビュー画面でも MathJax が処理されるようになった。
<script type="text/javascript">
function refreshMathJax() {
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
setTimeout("refreshMathJax()", 5000);
}
refreshMathJax();
</script>
出力サンプル
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
When $a \ne 0$, there are two solutions to \(ax^2 + bx + c = 0\) and they are $$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
0 件のコメント:
コメントを投稿