PR 已合并,想看用法的直接跳到 如何使用 部分

作为一个静态博客哈,你们觉得最耗流量的的文件是啥呢?我先来,是我的 RSS 文件 atom.xml ,哈哈哈离题了离题了。不论如何,对于那些技术文档,一个好的搜索肯定是必不可少的,但是同样的,基于技术文档庞大的文本量,生成的本地搜索文件,那也是不可忽视的流量大户(有缓存当我没说),巴拉巴拉反正多一个方法多一种选择何乐而不为捏。

原谅我这史一样的代码水平

引入 EJS 模板

本来想用渺软公益CDN的,没想到点击页面一看在两天前就停止服务了,唉,哀悼惋惜。

JS 搜索

如何使用

首先你得是技术类博客或者项目文档,然后你才能申请 DocSearch ,会有人工审核。

一般几个小时之后就会回复你一封邮件

Congratulations, your search is now ready! We’ve successfully created your DocSearch app, please follow the steps in order to implement DocSearch on your website

邮件中会带有你的 appId apiKey indexName

<script type="text/javascript">
docsearch({
appId: "xxxxx",
apiKey: "xxxxxxxxxxxxxx",
indexName: "xxxxxxxxxx",
container: '### REPLACE ME WITH A CONTAINER (e.g. div) ###'
debug: false
});
</script>

拿到这三个参数后往下填就完了。

search:
service: algolia_search
algolia_search:
appId: 'xxxxxxxxx'
apiKey: 'xxxxxxxxxxxxxxxxxxxxxx'
indexName: 'xxxxxxx'

还有一件事

由于 DocSearch 要求要在搜索结果中展示 Power by Algolia 但是我改了样式,所以用输入框的 placeholder 代替吧。

我的代码 belike:

搜索
空空如也