前言
随着博客的文章增多,添加一个博客站内搜索的功能就显得很有必要。
而第三方站内搜索的插件有:
google自定义搜索(免费的标准版貌似有广告而且要科学上网)
百度站内搜索(貌似不支持https并且只显示收录的页面)
swiftype站内搜索(我的选择)
swiftype网站配置
首先注册swiftype账号并登录,也可直接使用google账号登录
然后选择
CREATE A NEW ENGINE
,再进行填入网址等一系列操作,设置默认就好得到左边为各项设置的搜索引擎界面
![搜索引擎界面左边](swiftype_left.png)
- 点击
install search
,进入安装代码
界面,并将这段代码复制
![安装代码](install_code.jpg)
- 点击
change configuration
,可以看到左边有设置选项
![设置选项](configuration.png)
- 特别注意,
search field
选项
如果博客本身就有搜索框,那么修改搜索框的
class
为st-default-search-input
就好了
但是如果没有,则可以自行添加搜索框,并修改class
;或者选择swiftype提供的搜索框即可
由于我的博客(random主题)本身没有搜索框,所以直接选择了swiftype提供的搜索框
![显示效果](search_box.png)
同时,可以在左侧的设置选项中
查看搜索统计情况
、预览搜索结果
、设置搜索权重
、添加域名
、查看抓取的页面
等注意:
swiftype的爬虫抓取页面需要一定的时间,所以可能需要等一会到此为止,swiftype网站的配置就完成了
博客的配置
- 打开博客主题的配置文件
_config.yml
,在最后添加
1 | # swiftype站内搜索 |
打开博客主题的
layout
文件夹,在其中找到footer.swig
文件(或者其他以footer命名的文件),把之前复制的脚本代码粘贴到其中注意:要放在
body标签
中至此,博客站内搜索的工作就做完了,然后重新将博客deploy即可
搜索效果
![搜索效果](search_results.png)