数式

MathBlock JSXコンポーネントを使用した KaTeX 数式サポートです。

設定で math が有効になっている場合（デフォルト：true）、<MathBlock> JSX コンポーネントを使用して KaTeX で数式をレンダリングできます。

インライン数式

<MathBlock latex="..." />（block プロップなし）を使用して、テキスト内に数式を埋め込みます。

数式 $E = mc^2$ はインラインで表示されます。

数式 <MathBlock latex="E = mc^2" /> はインラインで表示されます。

ブロック数式

block プロップを追加すると、中央揃えのディスプレイ数式をレンダリングできます。

<MathBlock latex="\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}" block />

設定

数式サポートは zfb.config.ts の math フィールドで制御されます：

export default defineConfig(
  zudoDoc({
    // ...
    math: true, // デフォルトで有効
  }),
);

その他の例

二次方程式の解の公式

<MathBlock latex="x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}" block />

総和

<MathBlock latex="\sum_{i=1}^{n} i = \frac{n(n+1)}{2}" block />

行列

<MathBlock latex="\begin{bmatrix} a & b \\ c & d \end{bmatrix} \begin{bmatrix} x \\ y \end{bmatrix} = \begin{bmatrix} ax + by \\ cx + dy \end{bmatrix}" block />