reactjs 下一个上的mdx问题

aor9mmx1 于 5个月前发布在 React

关注(0)|答案(1)|浏览(49)

我想在下一个应用程序上渲染mdx。类似于标题，段落可以工作，但表，代码，blockquote等不工作。我应该安装任何额外的软件包或更改任何配置吗？我遵循了mdx支持下一个文档中的步骤。
package.json中的参数：

"@mdx-js/loader": "^2.3.0",
    "@mdx-js/react": "^2.3.0",
    "@next/mdx": "^13.4.19",

字符串
hello.mdx:

| a | b  |  c |  d  |
| - | :- | -: | :-: |

> Blockquote

型
我在app文件夹中有一个hello.mdx文件，并像这样导入：

import HelloWorld from "../../app/hello.mdx";

型

reactjs

来源：https://stackoverflow.com/questions/77451479/problems-with-mdx-on-next

1条答案

按热度按时间

sxissh061#

MDX doesn’t support GFM by default。要在Next.js中的MDX中支持GFM，请将以下内容添加到next.config.mjs：

import nextMDX from '@next/mdx'
import remarkGfm from 'remark-gfm'

const withMDX = nextMDX({
  options: {
    // More MDX options
    remarkPlugins: [remarkGfm],
  }
})

export default withMDX({
  // Next.js options
})

字符串
关于What is MDX?：
缩进代码在MDX中不起作用
使用fenced code block：

```js
console.log('This is a code block')

型
Blockquotes应该可以工作。

赞(0）回复(0）举报 5个月前

我来回答

reactjs 下一个上的mdx问题

1条答案

相关问题

热门标签

最新问答