0%

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

前言

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

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

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

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

  • swiftype站内搜索(我的选择)

swiftype网站配置

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

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

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

![搜索引擎界面左边](swiftype_left.png)
  • 点击install search,进入安装代码界面,并将这段代码复制
![安装代码](install_code.jpg)
  • 点击change configuration,可以看到左边有设置选项
![设置选项](configuration.png)
  • 特别注意,search field选项

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

![显示效果](search_box.png)
  • 同时,可以在左侧的设置选项中查看搜索统计情况预览搜索结果设置搜索权重添加域名查看抓取的页面

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

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

博客的配置

  • 打开博客主题的配置文件_config.yml,在最后添加
1
2
3
# swiftype站内搜索
swift_search:
enable: true
  • 打开博客主题的layout文件夹,在其中找到footer.swig文件(或者其他以footer命名的文件),把之前复制的脚本代码粘贴到其中

  • 注意:要放在body标签

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

  • 搜索效果

![搜索效果](search_results.png)
Thank you for your reward !