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