{ github }

  • 为Hexo blog博客创建本地搜索引擎

    | /

    刚开始使用github+hexo建立blog博客。参考了不少文章,发现大部分作者采用的主题为iissan 创建的 NexT。NexT 主题默认提供了两个站内搜索解决方案:swiftype 和 tinysou,所以大都比较好配置。
    对于不想使用NexT主题,然而喜欢的主题又没有提供站内搜索方案的时候,可能就比较折腾了。有人不想使用swiftype 和 tinysou方法也可能是基于某些其他原因:

    • 不愿意受限于第三方服务:第三方服务随时可能完蛋,风险大受限多。原本建独立博客目的就是为了不受限,如此这般, swiftype 就是如此原因;
    • 第三方服务样式单一;
    • 第三方服务,需要应用第三方JS,存在安全问题;
      后经过大量搜索查询,发现目前Hexo已经有比较满意的解决方法了。

    1. 基本思路

    • Step1: 生成索引文件;
    • Step2: 有效的算法:根据用户输入的检索词,返回包含检索词的文章列表;
    • Step3 :使用 JavaScript 和 jQuery 来实现在浏览器中执行算法;
    • Step4 :在页面的合适位置展示搜索框和输出结果;
    • Step5 :美化。