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