hexo 搜索_hexo干货系列:(五)hexo添加站内搜索

前言

本来想用百度站内搜索,但是没成功,所以改用swiftype,用起来还是很棒的,这里分享一下我的安装步骤

正文

注册

去swiftype官网注册个账号,然后登陆,对了不要去在意30天试用,30天过了还能继续使用,网站给的是30天高级账户的使用(那种有可以建立多个搜索引擎、多账户共同管理、一个引擎index多个域名的功能的账户),降级成为免费的账户类型,但是还能使用。

Create an engine

登陆后选择开始开干,步骤大概如下

点击Create an engine

给你的网站建立一个索引

输入你的网址

起个名字

上面配置好后开始抓取你网站的数据,大概等了几分钟后,查看Manage下面的Content,就能看到抓取的一些目录和tag数据过来,如果你不想要的话可以手动删除。

install Search

接下来就是重头戏,如何安装插件,首先点击左下方的install Search,就会弹出插件的代码,先复制一下。这个就是一会要用到的插件代码。

说明一下,swiftype提供两种方式,一种是弹出的方式,一种是新开一个页面的方式。前者默认就行,后者还要配置另外一推东西。我之前也按照网上别人帖子参考的写,结果一直不行。干脆不用了,用默认简单方便。

hexo的Pacman主题配置

接下来都是hexo这边配置,首先打开pacman主题下的_config.yml文件在末尾添加如下代码

swift_search:

enable: true

然后再切换的到\themes\jacman\layout_partial目录下,最后需要做的收尾工作全部都在这个目录下。

先打开header.ejs,找到

Search

>

直接替换成

Search

反正我也不会用baidu_search,所以直接替换无所谓,你要是还想保留,就直接添加else判断吧。

最后打开footer.ejs(其实header也行,随便你),在最后一个div标签之前添加一开始拷贝的那段js代码,我的是:

(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','Ts_hz24x26ZaNWfhsYwW','2.0.0');

大功告成,来看看什么效果吧,自己发布后打开博客,查询一个博客文章中出现的内容,效果如下:

上面查询的列表其实是之前在swiftype那边解析的文章列表,如果Content那边没有东西。那你这边查询不会有用的。

总结

好了,站内搜索搞定了,要不要使用你们自己决定。希望这篇文章对你有帮助~下篇计划写个网站统计插件的教程,我用的CNZZ。写完这篇已经凌晨1点了,明天还要上班,洗洗睡。

参考

我是嘟嘟MD,我为这篇文章代言。

欢迎转载,但希望您能注明出处,毕竟没啥人气囧

最后,厚颜无耻的求打赏..如果您认为博主的教程帮助到了你~

你懂的o(^▽^)o (/▽\=)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值