问题标签 [docusaurus]

我正在使用 Docusaurus 来制作文档。

我想将图像添加到降价文件中，并调整它的大小以防止它比需要的大。

检查这个答案，我意识到这可以在 md 文件中使用静态 html 内容，但是由于图像是静态的docs/assets，<img>因此标签找不到它。

无法调整大小，并且

找不到资产。

我很乐意得到任何解决方案。

我只是在试验 Docusaurus V2，我想用 LUNR（https://lunrjs.com/）搜索启用离线搜索，如本博客所述。

https://v2.docusaurus.io/feedback/p/offline-search

我还为此搜索了文档。

https://v2.docusaurus.io/docs/search/#__docusaurus

我使用“yarn swizzle @docusaurus/theme-classic SearchBar”命令安装了，但是在使用“npm start”运行时没有出现搜索栏。

此外，在 src/theme/SearchBar.js 中创建了一个包含此内容的文档：

文档真的很薄，可能有什么问题。有工作的例子吗？

正如该视频的博客中所述，有一种可能性。 https://canny.io/images/873b18eabf90e91512ac4d0ceb48973b.gif

我们的团队想要建立一个可以在浏览器和 Excel 插件中打开的文档网站。我们选择Docusaurus V2作为主要框架来构建文档网站，并在其中嵌入了 office.js。

Office.js加载后删除history.pushState和history.replaceStateAPI，所以我添加了一些JS代码来填充它，如下：

上面的代码使该网站在 Chrome、Safari 和IE 11中的 Excel Online 中的加载项中运行良好。但是，它在Excel for Windows中效果不佳：当我们单击触发路由器事件时，例如单击 docusaurus 的侧边栏，出现错误，路由器无效，侧边栏无法正常工作（见截图） .

我设法通过添加以下内容来修复此错误history.js：

我仍然发布这个问题，因为我不明白为什么以前的版本确实在 Excel Online IE 11 中使用了我们的插件，但在 Excel for Windows 中却没有，它们的行为不应该相同吗？最重要的是，在开发 Excel 插件时，是否有任何最佳实践可用于管理history.pushState与 office.js 的冲突？

我有一个带有 React 组件的页面，该组件使用多个详细信息/摘要标签：

我有一个全局siteConfig.js配置我的脚本：

使用 2 个函数从上述详细标签中添加或删除“打开”属性：

我知道我的主脚本文件中的 2 个函数是通过 导入的siteConfig.js，因为我的其他函数可以正常工作。从示例页面可以看出，启动OpenAll/功能的按钮标签与其他详细信息标签CloseAll位于 a 内。div

我认为我的方法很好，但是两个按钮都没有产生预期的效果。我怀疑这与函数范围或我当前的设置有关（我使用的是 Docusaurus，有点类似于“创建 React 应用程序”）。我认为我没有为这样的项目做过任何不寻常的事情。感谢任何反馈。

我有一个useState()钩子来断言或拒绝 3 个标签的open( isOpen) 属性，detail还有 2 个button(s) 来控制钩子，所有这些都包含在一个div：

此代码是 Docusaurus 项目的一部分，类似于 Create React App。它包括所有必需的包和配置脚本，包括imports/ exports。

在这种情况下，两个按钮都不会产生预期的onClick效果，即将所有isOpen属性视为setIsOpen集合的一部分，因此激活 useState挂钩功能以打开/关闭所有detail元素。这是我设置的工件还是代码本身？

我正在使用 Docusaurus，它提供了一个siteConfig.js作为配置道具。因此，我必须使用这些道具来构建我的站点组件。工作代码的格式如下：

我在这个问题中显示了另一段工作代码，但它使用了不同的设置 where const {useState} = React;is used in place ofconst React = require("react");和<div id="root">with ReactDOM.render(<SamplePage/>, document.getElementById("root"));in place of module.exports = SamplePage;。我知道这允许在 SE 上运行代码片段，但它没有向我展示导入和导出应该如何在这个 Docusaurus 项目的上下文中运行。我想要做的是将代码段合并到React.Component或以其他方式构造此组件以使用useState带有配置道具的钩子来断言或拒绝3 个标签的isOpen属性，使用 2 (s) 来控制钩子：detailbutton

对于代码片段：

我的问题是如何组合这些代码段。我尝试以多种不同的方式构建此组件，但我无法让button(s) 触发onClick()效果。例如，我试过：

当然，这会引发“无效的挂钩调用”，因为我实际上无法useState在当前设置中使用挂钩。我在所有其他构造中都得到了意外的标记和引用错误。

根据此处和此处的讨论，我想创建两个按钮来显示/隐藏 Docusaurus 项目中所有详细信息标签的状态。

目前，我为此拥有的最佳候选代码如下：

Docusaurus 服务器完美加载此页面，但按钮onClick无效。这与我是否将button布尔值从切换true到false.

从前面的答案可以看出，这个构造的代码片段工作得很好。但是，我相信 Docusaurus 在后台做了一些愚蠢和固执的事情，这干扰了这个简单的功能。这个问题的根源是什么，如何解决？

由于我没有登录页面，我想重定向到主文档页面 docs/main

我尝试按照说明进行操作： v1 中的https://docusaurus.io/docs/en/site-creation#docs-landing-page ，但它们似乎不适用于 v2。有人可以给我有关如何完成此操作的详细说明吗？

我对 React 的经验非常有限。

我在sidebars.json中有多个（超过2个）类别，它只呈现页面中的第一个和最后一个，我在网上找不到如何修复。谢谢。

这是一个可生产的回购：https ://github.com/nianiaJR/doc-demo

这是我的 sidebars.json：https ://github.com/nianiaJR/doc-demo/blob/master/website/sidebars.json

我希望 sidebars.json 中的所有导航配置都显示在页面中。但只有第一个和最后一个显示。

如果您在创建文档时使用经典模板，您将获得如下侧边栏：

(Docusaurus v2)

我怎样才能继续使用这个预设并让侧边栏总是像这样展开：

（组件套件）