Markdown 拡張

Starlight は Expressive Code によりシンタックスハイライト、ファイル名、行の強調、diff、コピー操作を提供します。このサンプルでは remark-math、 rehype-katex、KaTeX を追加しました。

シンタックスハイライト

export function Profile({ user }) {
  const displayName = user.name ?? 'Anonymous'

  return (
    <article className="profile-card">
      <h2>{displayName}</h2>
      <p>{user.role}</p>
    </article>
  )
}

Diff

export const theme = {
  primary: 'blue',
  primary: 'purple',
  radius: '0.75rem',
}

脚注と数式

脚注は補足を本文の近くに保てます。¹

$\sqrt{a^2+b^2}$ のようなインライン数式と表示数式を KaTeX で描画します。

\sum_{i=1}^{n} i = \frac{n(n+1)}{2}

描画された脚注の定義です。 ↩