1

我正在与 Facebook 的 Docusaurus 一起使用一些 DOCS。

我正在尝试渲染一些 MDX 文档，如下所示：

---
id: colors
title: Colors
---

## Library

<pre style={{ background: "black" }}>zzz</pre>

Docusaurus 将 MD 文件视为单纯的降价，试图呈现<pre>zzz</pre>样式错误的 HTML。不尝试渲染 JSX。

我还尝试将文件从重命名为test.md，test.mdx似乎 Docusaurus 不再找到该文件。

有什么我缺少的设置吗？就像我根本没有 MDX 渲染一样。

我的 Package.json


{
  "scripts": {
    "examples": "docusaurus-examples",
    "start": "docusaurus-start",
    "build": "docusaurus-build",
    "publish-gh-pages": "docusaurus-publish",
    "write-translations": "docusaurus-write-translations",
    "version": "docusaurus-version",
    "rename-version": "docusaurus-rename-version"
  },
  "devDependencies": {
    "docusaurus": "^1.14.4"
  },
  "dependencies": {
    "@docusaurus/mdx-loader": "^2.0.0-alpha.37",
    "@docusaurus/plugin-content-docs": "^2.0.0-alpha.37",
  }
}

非常感谢。

4

1 回答 1

1

这应该只适用于 Docusaurus，不需要任何额外的包，添加文本颜色属性以查看文本，如下所示：

<pre style={{ background: "black", color: "white" }}>zzz</pre>
于 2021-06-01T10:36:37.907 回答