結論
gatsby のプラグインを使って数式が使えるようになりました
経過
javascript でできるらしかったので実験してみた
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML">
</script>
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
tex2jax: {
inlineMath: [['$', '$'] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
}
});
</script>これを追加するだけでいい
一応これで表示はできたがなぜかラグがある。（更新したら治る）
少し調べたら gatsby のプラグインを見つけたのでこれを使う。
“gatsby-remark-katex”
以下を gatsby-config.js に記入
plugins: [
{
resolve: 'gatsby-transformer-remark',
options: {
plugins: [
`gatsby-remark-katex`,
]
}
}
],blog-post.js に以下を記入
import "katex/dist/katex.min.css"$F = ma$
$$V = RI$$