Hexo 博客 站内搜索 配置 (swiftype)

前言

随着博客的文章增多，添加一个博客站内搜索的功能就显得很有必要。

而第三方站内搜索的插件有：

• google 自定义搜索（免费的标准版貌似有广告而且要科学上网）

• 百度站内搜索（貌似不支持 https 并且只显示收录的页面）

• swiftype 站内搜索（我的选择）

swiftype 网站配置

• 首先注册 swiftype 账号并登录，也可直接使用 google 账号登录

• 然后选择 CREATE A NEW ENGINE, 再进行填入网址等一系列操作，设置默认就好

• 得到左边为各项设置的搜索引擎界面


• 点击 install search，进入安装代码界面，并将这段代码复制


• 点击 change configuration，可以看到左边有设置选项


• 特别注意，search field 选项

如果博客本身就有搜索框，那么修改搜索框的 class 为 st-default-search-input 就好了
但是如果没有，则可以自行添加搜索框，并修改 class；或者选择 swiftype 提供的搜索框即可
由于我的博客（random 主题）本身没有搜索框，所以直接选择了 swiftype 提供的搜索框


• 同时，可以在左侧的设置选项中查看搜索统计情况、预览搜索结果、设置搜索权重、添加域名、查看抓取的页面等

• 注意：swiftype 的爬虫抓取页面需要一定的时间，所以可能需要等一会

• 到此为止，swiftype 网站的配置就完成了

博客的配置

• 打开博客主题的配置文件_config.yml，在最后添加

# swiftype站内搜索
swift_search:
enable: true

• 打开博客主题的 layout 文件夹，在其中找到 footer.swig 文件（或者其他以 footer 命名的文件），把之前复制的脚本代码粘贴到其中

• 注意：要放在 body标签中

• 至此，博客站内搜索的工作就做完了，然后重新将博客 deploy 即可

• 搜索效果