本文最后更新于2024年03月15日，已超过43天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！

在前面的几篇文章中，我们介绍了docsify配置封面、导航栏、侧边栏等信息。
其实一个基本的网站框架基本已经搭建起来了，但是现在还有一个问题，如果我们文章比较多的时候，寻找其他就比较麻烦，因此我们需要一个查询功能，以便能快速定位到我们需要的内容。

添加搜索插件

在index.html中添加搜索插件

  <!-- 搜索功能支持 -->
   <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>

添加完搜索插件之后，我们网站左上角其实已经有了搜索框，但是现在的搜索框是不易用的，比如提示信息还是英文等等。

配置搜索功能

在docsify配置文件中，添加以下内容

search: {
        maxAge: 3600000,// 过期时间，单位毫秒，默认一天
        paths: 'auto',// 注意：仅适用于 paths: 'auto' 模式
        placeholder: '搜索',
        // 支持本地化
        placeholder: {
          '/zh-cn/': '搜索',
          '/': '搜索'
        },
        noData: '找不到结果',
        depth: 4,
        hideOtherSidebarContent: false,
        namespace: '香草物语',
        sidebarDisplayLevel: 1,
      },

docsify

朗读