问题标签 [docusaurus]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
graphql - Docusaurus v2 和 GraphQL Playground 集成
我想在我的一个页面中将 GraphQL Playground呈现为React 组件，但由于webpack 中缺少它而失败。有没有办法在文档中解决这个问题，还是我需要使用新的 webpack 配置创建新插件？file-loader
将 Playground 和 Docusaurus 完全集成是个好主意吗？
谢谢你的想法...
docusaurus - 更改按钮导航文本“下一个”/“上一个”
在 docusaurus 2 中，文档导航按钮有一个文本“下一个”或“上一个”。我想知道是否有办法修改或个性化这些文本。我的文档网站是西班牙语的，在同一页面中有不同的语言非常尴尬。谢谢。
这张图片显示了我所指的内容：
html - docusaurus：如何在 styles.module.css 中使用 ifm-color-primary
Docusaurus 的脚手架在custom.css
以及以下内容styles.module.css：
我想定义.featuresAlt如下：
然后在index.js; 就像是：
我的问题是：
我试图用不同的背景颜色分隔不同的部分（例如，
features和products），我应该定义自己的风格，还是内置一些东西？上面的定义
featuresAlt是不正确的，因为它没有lightest背景；我该如何解决？是否建议为样式定义颜色，
styles.module.css或者它们应该在不同的地方定义？
（我浏览了 Docusaurus 文档的样式页面，但找不到我需要的信息。）
docusaurus - 如何将“文档”设置为主页
我正在使用主题模板，并且正在尝试更改我网站的主页。
也就是说，如何删除索引页面并将其替换为“文档”页面作为我网站的主页？
html - 在 Docusaurus v2 中更改默认文本颜色
在Docusaurus v2中，我可以将每个类的默认文本颜色覆盖为：
我不喜欢这种方法，因为它使为dark和light主题定义单独的颜色变得更加困难。
默认情况下，文本颜色设置为black主题light和主题white。dark但是，我似乎无法找到这些定义的位置。
- 我有兴趣修改这些默认值，它们在哪里定义？
- 这是设计默认文本颜色的推荐方式吗？
reactjs - 如何在 Docusaurus v2 中嵌入全局 React 组件？
我看到可以使用 MDX 嵌入 React 组件：
https ://v2.docusaurus.io/docs/markdown-features/#embedding-react-components-with-mdx
但是，此方法适用于特定页面。如何使它适用于文档中的所有降价文件？我正在尝试添加与上面链接中类似的组件来更改某些内联文本的样式。我试图编辑 src/pages/index.js 但没有用。
reactjs - Docusaurus v2 项目的文档链接已损坏
我正在使用 docusaurus（版本 2）构建一个文档站点。/docs它在PAGE NOT FOUND 错误上给出 404 。
链接：
我是 docusaurus 的新手，可能我的/docs. 感谢社区的帮助。
docusaurus - 向 Docusaurus v2 导航栏添加新选项卡
我正在尝试使用 Docusaurus v2 向导航栏添加新项目。我在博客旁边添加了一个项目“发布”，与添加“博客”的方式相同。我还创建了一个新目录“releases”，其中包含一个 .md 文件。导航栏显示新选项卡但不呈现内容。它加载“找不到页面”模板。我是否缺少任何其他配置？
css - 如何使 Docusaurus 与本地 CSS 文件一起使用？
我们正在构建一个 React 组件，用于将代码片段嵌入 Docusaurus2 页面。该组件使用本地 CSS 文件（它是Prism CSS的修改版本）来突出显示代码片段上的语法。该组件随后作为 NPM 包发布。
将我们的包导入我们的 Docusaurus2 项目时，我们在服务器构建中收到以下错误：ReferenceError: document is not defined
经过调查，似乎 Docusaurus 无法使用本地 CSS 文件或任何本地 CSS 文件。
如果我们将Prism CSS直接导入到我们的组件中，import "prismjs/themes/prism.css";而不是使用 导入本地 CSS 文件import "./prism.css"，则不会出现构建问题。
我们尝试了什么：
- 我们尝试使用MiniCssExtractPlugin，但最终代码片段中没有更多高亮显示。
- 我们的临时解决方案是创建一个仅包含 css 文件的 npm 包并将其导入到我们的 React 组件中。通过这样做，项目中不再有构建错误。
以下是我们组件中的文件示例：
webpack.config.js：
editor.tsx（prism.css 是上面讨论的 css 文件）：
包.json：
.babelrc：
node.js - 使用 Docusaurus v2 缩小 React 错误 #321
我正在尝试部署 Docusaurus v2，但我不断收到此错误：
我在一个团队中工作，每个人都在同一个仓库deploy工作，似乎对大多数人都有效。错误解码器链接表明它可能是：
- React 和 React-dom 的版本不匹配。
- 打破钩子规则。
- 同一个应用程序中有多个 React 副本。
我尝试更新所有内容，包括 React 和 react-dom。
鉴于它适用于大多数人，我看不出它怎么可能是 2 或 3。一切都在本地运行良好。有什么建议可以尝试部署吗？