首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Docusaurus 2中的自定义搜索栏

Docusaurus 2中的自定义搜索栏
EN

Stack Overflow用户
提问于 2019-10-22 18:01:38
回答 2查看 2.6K关注 0票数 4

我只是在试验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/ this /SearchBar.js中创建了一个包含以下内容的文档:

代码语言:javascript
复制
/**
 * Copyright (c) 2017-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

export {default} from '@docusaurus/Noop';

文档真的很薄,可能出了什么问题。有没有一个有效的例子?

正如这段视频在博客中所描述的,有一种可能性。https://canny.io/images/873b18eabf90e91512ac4d0ceb48973b.gif

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-10-23 17:28:35

您需要编辑该文件并实现您自己的搜索栏组件。如果您想从algolia搜索栏对其进行修改,则可以执行yarn swizzle @docusaurus/theme-search-algolia SearchBar

票数 4
EN

Stack Overflow用户

发布于 2020-02-03 11:12:07

您可以创建自己的自定义离线搜索组件,因此对于Docusaurus来说,没有任何内置的离线搜索选项。

运行命令yarn swizzle @docusaurus/theme-classic SearchBar将创建一个自举搜索组件,您必须在其中编写自己的搜索逻辑。

离线搜索选项是Docusaurus中最受欢迎的功能之一,社区人员正在对其进行开发。这是一个GitHub的问题-- https://github.com/facebook/docusaurus/issues/776,你可以在这里查看这个特性的进度。

有一个第三方插件可以提供Docusaurus的离线搜索-- https://github.com/lelouch77/docusaurus-lunr-search

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58501754

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档