为Hexo blog博客创建本地搜索引擎
|
刚开始使用github+hexo建立blog博客。参考了不少文章,发现大部分作者采用的主题为iissan 创建的 NexT。NexT 主题默认提供了两个站内搜索解决方案:swiftype 和 tinysou,所以大都比较好配置。
对于不想使用NexT主题,然而喜欢的主题又没有提供站内搜索方案的时候,可能就比较折腾了。有人不想使用swiftype 和 tinysou方法也可能是基于某些其他原因:
- 不愿意受限于第三方服务:第三方服务随时可能完蛋,风险大受限多。原本建独立博客目的就是为了不受限,如此这般, swiftype 就是如此原因;
- 第三方服务样式单一;
- 第三方服务,需要应用第三方JS,存在安全问题;
后经过大量搜索查询,发现目前Hexo已经有比较满意的解决方法了。
1. 基本思路
- Step1: 生成索引文件;
- Step2: 有效的算法:根据用户输入的检索词,返回包含检索词的文章列表;
- Step3 :使用 JavaScript 和 jQuery 来实现在浏览器中执行算法;
- Step4 :在页面的合适位置展示搜索框和输出结果;
- Step5 :美化。