Markdown拡張

Nextra には、コードブロック・脚注・数式など、技術文書に実用的な Markdown 拡張機能が含まれています。

シンタックスハイライト

profile.jsx


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: 'indigo',
+  radius: '0.75rem',
 }

プレーンなコードと折り返し


const message = 'This plain JavaScript block demonstrates ordinary code rendering and can contain long lines that readers may inspect in the documentation UI.'
console.log(message)

脚注

脚注を使うと、本文を簡潔に保ちながら、興味のある読者のために詳細を残せます。¹

LaTeX

LaTeX は next.config.mjs の latex: true で有効化されており、 $\sqrt{a^2 + b^2}$ のようなインライン数式が KaTeX でレンダリングされます。

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

これは脚注の定義で、ページ下部にレンダリングされます。 ↩

Last updated on 2026年7月30日

GFM互換性（Alerts）MDX と MDC