问题标签 [mdxjs]

我使用next.config.js中已经附带的 tailwind 博客启动器创建了一个nextjswithBundleAnalyzer站点。

我现在正试图让.mdx文件直接从页面工作。文档说我需要withMDX在我的 nextjs.config 文件中。怎么让两个人一起玩？我应该只保留其中一个吗？我已经安装next-compose-plugins但不知道如何设置它。

更新

这是我的下一个配置文件；它仍然失败。错误：

我需要在 docusaurus 中使用自定义代码编辑器。我正在尝试组合一个反应组件，以便我可以在 mdx 文档中使用以下语法。

我在完成这项工作时遇到了问题（我将在下面解释）然后我尝试了

后一种方法有效，但代码可以是多行并且可以有缩进。在没有保留换行符和空格的情况下收到 code 道具。如何解决这个问题？

尽管第二种方法似乎有效，但感觉并不自然。我在尝试上面的第一种方法时遇到的问题是，如果代码包含类似const { x } = obj;作为子组件的代码首先由 mdx 解释，它会尝试评估{ x }并说找不到变量。另外，我必须将 props.children 渲染到一个 dom，然后从那里提取文本，这似乎是不必要的。那么，将任意代码作为字符串传递给子反应组件的最佳方法是什么？

我目前有第三种工作方法，它更加冗长。这是

我正在使用 React 组件处理带有 MDX 页面的项目。当我在组件内添加文本时，我希望生成 HTML（比如组件外部的内容）。但是生成的页面在组件内只有文本，没有 HTML。

这是我的代码：

组件js：

MDX 页面：

生成的页面：

预期行为：

我怎样才能解决这个问题？

谢谢！

如果我在降价文件中有一些东西foo.md，那么将其“注入”到组件中的最佳方法是什么<Bar />？我假设我将不得不使用一些道具对吗？还是 MDX 不适合这类问题？谢谢！

我用 .mdx 编辑我的故事书，但出了点问题！

我的代码如下：</p>

我在故事书中看不到控制。

但如果我把我的故事写进去**.stories.js ，一切都好！

有人可以帮助我吗？谢谢！

我有一个使用 Gatsby (with gatsby-plugin-image) 的站点，我正在尝试重构为 Typescript。这是我第一次接触ts

我有一个布局页面，它使用一个页面查询来提取 Mdx 数据，但是我错过了一些类型，并且想知道是否有人能指出我正确的方向。

我正在努力寻找应该导入和使用的类型：

在处理图像的旧gatsby-image方法上，它使用了类型，FixedObject但这不再有效。

任何人都可以为这些缺失的类型指出正确的方向吗？

我正在使用 Next.js 和 MDX 编写博客。为此，我下载了我正在尝试调整的这个 repo 。但我找不到如何对帖子进行排序。目前它们按字母顺序排列，但我想按日期（或自定义排序）对它们进行排序。我怎样才能做到这一点？

这是代码：

编辑：

我试图对元素图进行排序。它起作用了，但是每次我重新加载页面时，它都会按字母顺序排列。这可以从哪里来？

这是我的新代码：

我不知道如何在 Markdown 或 MDX 文件中包含参考链接（位于集中文件中）。

我将 Gatsby 与 MDX 一起使用，并希望将常用链接集中在一个文件中。这个“链接文件”应该包含在帖子中，用 Markdown/MDX 编写。这行不通：

这可能吗？

谢谢

我有一个.mdx文件。

有以下内容mdx.d.ts：

使

throw "TS2307: 找不到模块 './Comp.mdx' 或其对应的类型声明。"

然而，只有以下作品：

这是为什么？

tsconfig.json：

我正在使用next-mdx-remote

在 mdx 文件中

在反应组件中

结果，输出 HTML

应该是<code class="bg-gray-50 dark:bg-gray-800">，但不是。

我不确定为什么，其他标签也<p class="...">可以正常工作。