如何解决自定义 docusaurus 搜索栏 v2
我想在我的 Docusaurus 文档中自定义 Algolia 搜索栏,更具体地说,我想在左侧边栏的顶部显示搜索栏,而不是在右上角,我认为这是默认位置。
v2 文档对此难以捉摸:https://v2.docusaurus.io/docs/search/
我找到了有关它的 v1 文档,并尝试将其调整为 v2,但没有任何效果: https://docusaurus.io/docs/en/search#docsNav
任何帮助将不胜感激
解决方法
看起来这在 v1 中是可能的,但在 v2 中不再存在。我相信您需要调整 Navbar 组件并自己更改它,因为搜索栏被硬编码为最右边的项目:
<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 中一样。不过,我不确定这是否真的可行(我自己也在等待有关该主题的答案)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。