ルビスコくんの日記

博士学生(D2)の日記です。考えたこと、学んだことを書きます。

Google Sitesできれいに数式を表示させる

僕は自分のHPをGoogleSitesで作っているのだが、そこで数式をきれいに表示するにはMathJaxというのを使えばいいらしい。

kdy46fv.blog.shinobi.jp

HTMLの<head>と</head>の間に

<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
</script>
<script type="text/javascript"
  src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_CHTML">
</script>
<meta http-equiv="X-UA-Compatible" CONTENT="IE=EmulateIE7" />

を挿入すればいいらしい。Google SitesはHTMLを挿入することができるので、例えば、

<HEAD>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({ tex2jax: { inlineMath: [['$','$'], ["\\(","\\)"]] } });
</script>
<script type="text/javascript"
</script>
<meta http-equiv="X-UA-Compatible" CONTENT="IE=EmulateIE7" />
</HEAD>
<link rel="stylesheet" type="text/css" href="type2.css">
<BODY BACKGROUND="" BGCOLOR="#ECFFFC" TEXT="#000000" LINK="#0000ff" VLINK="#800080" ALINK="#ff0000">
$
\int_0^{2\pi} \int_0^a sin\theta d\theta d\phi=2\pi(1-cos\alpha)
$
</BODY>

 

を挿入すると

$ \int_0^2\pi \int_0^a sin\theta d\theta d\phi=2\pi(1-cos\alpha) $

 というようにかなりいい感じな数式が出力される。

これまで数式を表示させようと思ったらGoogleのサイトで数式を画像にするツールがあって、そのURLを貼っていたのだが、画像の解像度は粗いしそもそも画像だから文中に挿入することもできないし、、と思っていた。からこうできるとありがたい。