ロゴ

Astroで数式を表示する方法(MDX対応)

投稿日:2026-3-8

Astroで数式を表示させたい場面ができます。 そこで、この記事ではAstro + MDX環境に KaTex を導入して、Latex記法が使えるようにする手順をまとめます。

表示例です。 $$ \int_0^1 x^2 , dx = \frac13 $$

  1. KaTeX を使うために必要なパッケージ AstroでLaTeXを扱うには、次の3つを追加します。
Terminal window
npm install remark-math rehype-katex katex