モチベーション
この記事で数式を使った記事を書いた。この時2つの問題が起こった。
- インライン形式で記述した数式が表示されない。ディスプレイ形式では表示されている。
- ディスプレイ形式の場合に、alignで複数行にならない。
ここでは、上記の解決策をアップする。
参照文献に感謝
インライン形式で記述した数式が表示されない問題については、この記事を参考にさせてもらった。感謝。
インライン形式の数式が表示されない
現象
通常の文章の中に数式を埋め込む（インライン形式）には、$で数式を囲めば表示される。
手元のPCでTyporaでは、それで数式が表示されていた。しかし、記事をサーバにアップして表示すると、数式に展開されず、$含めてそのままで表示される。
解決法
上記の参考にした記事にあるように、/layouts/partials/footer_custom.htmlに以下を追加。
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$','$']]
}
});
alignで複数行にならず、1行となる
現象
式の展開を説明するため、複数行にわたって数式を書く際に、「align」を使い、その中で、「&=」でイコールを揃えたりする。
こちらも、手元のPCで使っているTyporaでは、複数行になっているのだが、サーバにアップして表示すると、複数行にならず、1行で表示される。
解決法
「align」で改行する際に、\を2つ重ねて記述すれば良いのだが、色々と試して、\を4つ重ねた記述すると、改行されて表示されるようになった。
インラインで行列を記述する際も同様で、\を4つ重ねて記述すると、githubでは望んだように表示される。
ただ、手元のPCのTyporaでは、行方向に間延びして見えることが難点。
補足
上記の2つの問題について、いずれもgithubにアップして表示すると発生と書いたが、自分のPCで（hugo serverを起動して）確認しても同様の現象が発生する。