Mathjax 2.7 新しいページはコチラ
提供: yonewiki
(→利用設定(基本的な部分)) |
(→利用設定(基本的な部分)) |
||
7行: | 7行: | ||
数式システムを利用するにはヘッダ部で以下のような宣言をするだけです。 | 数式システムを利用するにはヘッダ部で以下のような宣言をするだけです。 | ||
− | + | このサイトではVersion2.7.4 と 3.0.4を使い分けていて、2.7の場合は以下のような設定を使っています。 | |
<span style="color: #ffffff; background-color: #555555; padding: 0px 5px 0px 5px; display: inline-block;">javascript(全ブラウザ共通)</span> | <span style="color: #ffffff; background-color: #555555; padding: 0px 5px 0px 5px; display: inline-block;">javascript(全ブラウザ共通)</span> | ||
− | < | + | |
+ | <syntaxhighlight2 lang="javascript" line> | ||
<script type='text/x-mathjax-config'> | <script type='text/x-mathjax-config'> | ||
MathJax.Hub.Config({ | MathJax.Hub.Config({ | ||
− | "tex2jax": { | + | "tex2jax" :{ |
− | + | inlineMath :[["$","$"]], | |
+ | processEscapes : true | ||
+ | }, | ||
+ | "TeX" : { | ||
+ | extentions :["color.js", "cancel.js"], | ||
}, | }, | ||
"HTML-CSS": { | "HTML-CSS": { | ||
− | + | availableFonts :[], | |
− | + | webFont :"Neo-Euler", | |
} | } | ||
}); | }); | ||
</script> | </script> | ||
− | <script type='text/javascript' src=' | + | <script type='text/javascript' src='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML%2CSafe.js&ver=3.8'> |
</script> | </script> | ||
− | </ | + | </syntaxhighlight2> |
+ | |||
+ | Extensionについては、複数を使う時、公式ページでは上記のように記述しろとなっているのだけれど、2つめ以降がうまく取り込まれないみたい。なので、面倒だけどページごとに \$ \require{cancel} \$ と、エクステンションの機能を使う直前に記述して対応します。なんすかね。これ。でもそのページで一回、記述すれば、それ以降はずっとそのページでExtensionが適用されるみたいなので、よしとします。 | ||
+ | |||
+ | 使用例 \$ \require{cancel} \$ | ||
+ | |||
+ | <span style="color: #ffffff; background-color: #555555; padding: 0px 5px 0px 5px; display: inline-block;">mathjax</span> | ||
+ | <syntaxhighlight2 lang="latex"> | ||
+ | $ \require{cancel} $ | ||
+ | $$ f(x)= \int^{\infty}_{-\infty}\color{red}{\frac{1}{\sqrt{2\pi}\sigma \cancel{\sigma} }}e^{-\frac{1}{2\sigma^2}(x-\mu)^2} $$ | ||
+ | </syntaxhighlight2> | ||
+ | |||
+ | |||
+ | <div style="text-align: center; position: relative; margin: 2.5em 0 0 0; padding: 0.5em 1em; border: solid 3px #999999;"> | ||
+ | <span style="position: absolute; top: -28px; left: -3px; padding: 0 10px; height: 26px; font-weight: bold; color: white; background-color: #999999; border: solid 1px #999999; border-radius: 5px 5px 0 0;"> | ||
+ | 確率密度関数</span> | ||
+ | <ytmath>$$ \require{cancel} f(x)= \int^{\infty}_{-\infty}\color{red}{\frac{1}{\sqrt{2\pi}\sigma \cancel{\sigma} }}e^{-\frac{1}{2\sigma^2}(x-\mu)^2} $$</ytmath> | ||
+ | </div> | ||
+ | |||
− | |||
[[MathJax]]に戻る。 | [[MathJax]]に戻る。 |