自定义docusaurus搜索栏v2

Question

我想在我的Docusaurus文档中自定义Algolia搜索栏，更具体地说，我希望在左侧侧边栏的顶部显示搜索栏，而不是在右上角，我认为这是默认位置。

https://v2.docusaurus.io/docs/search/：v2文档对此难以捉摸

我找到了关于它的v1文档，并尝试将其改编为v2，但都不起作用：https://docusaurus.io/docs/en/search#docsNav

任何帮助都将不胜感激

Answer 1

看起来这在v1中是可能的，但在v2中不再是可能的。我相信你需要自己修改导航栏组件，因为搜索栏被硬编码为最右边的项目：

​

<div className="navbar__items navbar__items--right">
  {rightItems.map((item, i) =>
  <NavbarItem {...item} key={i} />)} {!disableColorModeSwitch &&
  <Toggle className={styles.displayOnlyInLargeViewport} aria-label="Dark mode toggle" checked={isDarkTheme} onChange={onToggleChange} />}
  <SearchBar handleSearchBarToggle={setIsSearchBarExpanded} isSearchBarExpanded={isSearchBarExpanded} />
</div>

​

另一种选择可能是制作自己的导航栏，并将其作为新类型插入，方法是使用NavBarItem或者以某种方式合并您的搜索栏主题。这会让你像在你想要的位置包含一个普通的链接一样包含它，就像你可以在v1中一样。不过，我不确定这是否真的可能(我自己也在等待这个话题的答案)。