docsify配置查询功能

Laughing
2022-09-30 / 0 评论 / 1,284 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年03月15日,已超过309天没有更新,若内容或图片失效,请留言反馈。

在前面的几篇文章中,我们介绍了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,
      },
0

评论 (0)

取消