butterfly 自带的本地搜索配置方便所以便一直使用至今，不过有一个痛点就是没有搜索预览图，于是为了解决这个问题做了如下尝试。

安装

1

npm install hexo-generator-search --save

修改_config.yml, 添加以下内容

1
2
3
4

search:
  path: search.xml
  field: post
  content: true

使用

在_config.butterfly.yml中开启本地搜索

1
2
3
4
5

# Local search
local_search:
  enable: true
  preload: true
  CDN:

修改local_search依赖 cdn 项, 修改文件_config.butterfly.yml中最下面 CDN.option.local_search的值为 https://npm.elemecdn.com/anzhiyu-blog@2.1.2/js/search/local-search.js

1
2
3
4
5
6

CDN:
  ...
  option:
    # main_css:
    # translate:
    local_search: https://npm.elemecdn.com/anzhiyu-blog@2.1.2/js/search/local-search.js

总结

目前存在的问题是, 搜索出来的图片不能懒加载, 不过问题不大, 因为有开启本地搜索的预加载, 所以图片会从本地缓存中取, 再加上本来就不大的图片, 加载也不是很慢了, 另外再加之搜索文件也可以使用 cdn 地址了也就问题不大了, 当然很大可能是我的文章数量还不够多 hhhh