跳转到主要内容
指南

MDX

A file format that combines Markdown with JSX, allowing JavaScript components to be embedded directly in Markdown content.

发表于

定义

A file format that combines Markdown with JSX, allowing JavaScript components to be embedded directly in Markdown content.

MDX is a syntax extension that lets you write JSX directly in Markdown documents. It combines the simplicity of Markdown with the power of React components.

Capabilities

  • Write content in Markdown
  • Import and use React/Vue/Svelte components
  • Embed interactive elements
  • Use JavaScript expressions
  • Maintain content as code

Use Cases

  • Documentation sites
  • Technical blogs
  • Interactive tutorials
  • Component documentation
  • Knowledge bases

Benefits

  • Content and components in one file
  • Git-friendly authoring
  • Component reusability
  • Static generation support
  • Type safety with TypeScript

When Not to Use

  • Simple static content
  • Non-technical editors
  • Complex application logic
  • Heavy data processing