使用Swiftype给博客添加站内搜索功能
Swiftype 一个非常好用的站内搜索平台
添加本地搜索请参考为你的博客添加站内搜索吧
注册 Swiftype 账号
- 进入Swiftype官网注册一个账号
- 注册完成后会提示进入邮箱点击链接激活账号
创建 search engine
- 点击 Create a search engine ,输入自己
博客
的完整地址,等待验证完成后,随便输入一个名字就行。
- 创建完成后会开始抓取你
博客
的数据来用作搜索索引
,你可以在Content
中看到抓取的搜索索引
数据。
- 当你的
博客
内容有更新的时候,可以在Domains
中点击Recrawl
来重新抓取一下搜索索引
数据。
更改搜索设置
- 进入
Weights
修改搜索条件,我设置的是只根据文章的title
来搜索内容,你可以根据自己的需求更改,修改完可以在右边搜索预览一下。
- 修改主题目录下的
_config.yml
文件
#search: https://cn.bing.com/search?q=site:nexmoe.com # https://www.google.com/search?q={你的博客链接}
- 修改
layout/_widget/search.ejs
文件
<div class="nexmoe-widget-wrap">
<div class="nexmoe-widget nexmoe-search">
<form>
<label><input type="text" class="st-default-search-input" maxlength="30" style="height:20px" placeholder="<%= __('search') %>"></label>
</form>
<script type="text/javascript">
(function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){
(w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t);
e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e);
})(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st');
_st('install','popDAfy6Ysmk3W6dUpGx','2.0.0');
</script>
</div>
</div>
注意Swiftype安装代码
要改成自己的
进入Install Search
,查看Swiftype安装代码
修改popDAfy6Ysmk3W6dUpGx
即可
到这里所有的修改都已经完成了,如果没有问题的话,命令行执行:
hexo clean
hexo g -d
大功告成ฅ^•ﻌ•^ฅ