Next.js中MDX表格、代码块等语法无法渲染的问题求助

以下是具体的格式使用规则及示例：

• 标题：使用井号 # 标识层级，从 #（一级标题）到 ######（六级标题），示例：

  # 一级标题
  ## 二级标题
  ### 三级标题
  

• 列表项：以短横线 - 开头，支持嵌套，示例：

  - 一级列表项1
  - 一级列表项2
    - 嵌套列表项1
    - 嵌套列表项2
  

• 文本强调：用星号 * 包裹内容，单星号对应斜体，双星号对应粗体，示例：

  *斜体强调文本*
  **粗体强调文本**
  

• 代码/命令：单行内容用单个反引号 ` 包裹，多行内容用三个反引号包裹并可指定语言，示例：

  单行代码：`npm install @mdx-js/react`
  多行代码：
  ```javascript
  function renderMDX() {
    return <MDXContent />;
  }
  

• 引用文本：以大于号 > 开头，支持多行连续引用，示例：

  > 这是一段引用内容
  > 换行后仍属于同一段引用
  

• 链接：显示文本放在方括号 [] 内，目标 URL 放在后续圆括号 () 内，示例：

  [Next.js 官方文档](https://nextjs.org/docs)
  

• 图片：替代文本放在方括号 [] 内，图片地址放在后续圆括号 () 内，示例：

  [示例封面图](https://example.com/cover.jpg)