亲。为什么有些我和好友母亲王姨帮我了不求回报。帮肋我了却消失了呢？

来源：蜘蛛抓取(WebSpider) 时间：2017-11-07 12:39 标签： 我和好友母亲王姨
本来想用百度站内搜索，但是没成功，所以改用swiftype，用起来还是很棒的，这里分享一下我的安装步骤
去swiftype注册个账号，然后登陆，对了不要去在意30天试用，30天过了还能继续使用，网站给的是30天高级账户的使用（那种有可以建立多个搜索引擎、多账户共同管理、一个引擎index多个域名的功能的账户），降级成为免费的账户类型，但是还能使用。
Create an engine
登陆后选择开始开干，步骤大概如下
点击Create an engine
给你的网站建立一个索引
输入你的网址
上面配置好后开始抓取你网站的数据，大概等了几分钟后，查看Manage下面的Content，就能看到抓取的一些目录和tag数据过来，如果你不想要的话可以手动删除。
接下来就是重头戏，如何安装插件，首先点击左下方的install Search，就会弹出插件的代码，先复制一下。这个就是一会要用到的插件代码。
说明一下，swiftype提供两种方式，一种是弹出的方式，一种是新开一个页面的方式。前者默认就行，后者还要配置另外一推东西。我之前也按照网上别人帖子参考的写，结果一直不行。干脆不用了，用默认简单方便。
hexo的Pacman主题配置
接下来都是hexo这边配置，首先打开pacman主题下的_config.yml文件在末尾添加如下代码
swift_search:
然后再切换的到\themes\jacman\layout_partial目录下，最后需要做的收尾工作全部都在这个目录下。
先打开header.ejs，找到
if(theme.baidu_search.enable){ %&
&form class=&search& action=&&%- theme.baidu_search.site %&& target=&_blank&&
&label&Search&/label&
&input name=&s& type=&hidden& value= &%= theme.baidu_search.id %& &&input type=&text& name=&q& size=&30& placeholder=&&%= __('search') %&&&&br&
直接替换成
&% } else if(theme.swift_search.enable){ %&
&form class=&search& action=&&%- config.root %&search/index.html& method=&get& accept-charset=&utf-8&&
&label&Search&/label&
&input type=&text& id=&search& class=&st-default-search-input& maxlength=&20& placeholder=&Search& /&
反正我也不会用baidu_search，所以直接替换无所谓，你要是还想保留，就直接添加else判断吧。
最后打开footer.ejs（其实header也行，随便你），在最后一个div标签之前添加一开始拷贝的那段js代码，我的是：
&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','///install/v2/st.js','_st');
_st('install','Ts_hz24x26ZaNWfhsYwW','2.0.0');
大功告成，来看看什么效果吧，自己发布后打开,查询一个博客文章中出现的内容，效果如下：
上面查询的列表其实是之前在swiftype那边解析的文章列表，如果Content那边没有东西。那你这边查询不会有用的。
好了，站内搜索搞定了，要不要使用你们自己决定。希望这篇文章对你有帮助~下篇计划写个网站统计插件的教程，我用的CNZZ。写完这篇已经凌晨1点了，明天还要上班，洗洗睡。
更多教程可以来我嘟嘟独立博客里面看到
欢迎来访：
最近撸了个java的公众号，学习资源超级多，视频，电子书，最新开发工具一个都不能少，已全部分享到百度云盘，求资源共享，打造一个学习方便，工作方便的java公众号，开源开源，有需求的可以关注~撒花
阅读(...) 评论()Hexo静态博客添加站内搜索--Swiftype - 简书
Hexo静态博客添加站内搜索--Swiftype
原文链接：作者：
大多数像Hexo一样的静态博客系统，很多功能都需要借助第三方的服务才能实现，比如评论系统、分享功能和站内搜索等。这对于一些对自己的数据比较敏感的人来说很难接受。我的看法是，只要第三方应用做得好并且可靠，就会去使用。WordPress中很多做得很好的第三方插件使用者也很多。所以，对于第三方的东西，不能一棒子打死。
为静态博客添加第三方应用的方式大同小异，都是将第三方提供的JS代码嵌入到网站模板的合适位置，调用其服务器端代码。
作为个人博客的基础功能之一，站内搜索必不可少，提供这一功能的第三方公司也为数不少。其中，百度站内搜索和Google CSE类似，都是依托自身强大的搜索技术提供服务；而微搜索和Swiftype则是专门做站内搜索功能的初创企业的代表，后者更是其中的佼佼者，2012年毕业于大名鼎鼎的Y Combinator，总部位于旧金山。
Google无疑是搜索领域的老大，但是Swiftype也有自己面向网站和app侧的优势，它的平台可定制性很强，Swiftype还开放了API接口，供网站深度访问其搜索功能，可以满足不同网站的个性化需求，而Google的Custome Search Engine，定制性不够强。关键的是，由于被墙的原因，Google CSE在国内也基本上很难使用。
Swiftype可以为网站及移动app提供内置搜索引掣服务。其部署十分简单，只须输入URL地址平台即可执行对用户网站的抓取，插入JS代码嵌入网站就即完成搜索引擎的创建。Swiftype还提供了分析服务，供网站检索分析用户的搜索行为和使用偏好。Swiftype还支持对搜索结果排序进行定制。
我的博客采用搭建，主题在的基础上修改而来。前两天放假，增加了基于Swiftype的站内搜索功能，下面是实现步骤：
到swiftype的网站注册账号，输入自己网站的URL地址，根据指引建立自己站点对应的Engine；
切换到Install面板，根据需要配置自己站点的Engine，我的配置如下；
点击左侧的“SWIFTYPE INSTALL CODE”获取根据配置得到的JS代码；
将其添加到jacman\layout\ _partial目录下的footer.ejs文件;
在jacman主题下的_config.yml文件末尾添加如下代码：
swift_search:
enable: true
在hexo的source目录下建立一个search文件夹，并在其中新建一个index.md文件，其内容为：
layout: search
title: search
找到jacman\layout\ _partial目录下的header.ejs文件，在其中添加如下代码：
&% if (theme.swift_search.enable){ %&
&form class="search" action="&%- config.root %&search/index.html" method="get" accept-charset="utf-8"&
&input type="text" id="st-search-inpu" maxlength="20" placeholder="搜索" /&
将jacman\layout\ _partial目录下的search.ejs中的内容替换为如下代码（主要用来控制结果的显示样式，可根据个人爱好修改）：
&% if(theme.swift_search.enable) { %&
id="container" class="page"&
&div id="st-results-container" style="width:70%; margin:1.5em auto"&正在加载搜索结果，请稍等。&/div&
.st-result-text {
background: #
border-left: 0.5em solid #
-webkit-transition: border-left 0.45s;
-moz-transition: border-left 0.45s;
-o-transition: border-left 0.45s;
-ms-transition: border-left 0.45s;
transition: border-left 0.45s;
padding: 0.5
@media only screen and (min-width: 768px) {
.st-result-text {
padding: 1
.st-result-text:hover {
border-left: 0.5em solid #ea6753;
.st-result-text h3 a{
color: #2ca6
line-height: 1.5;
font-size: 22
.st-snippet em {
font-weight:
color: #ea6753;
至此，配置完成，hexo d -g重新部署一下即可出现站内搜索功能。搜索框的样式可根据个人爱好在CSS文件中修改。
麻雀虽小，五脏俱全，博客的基础功能基本上都已实现。
参考链接：
文中代码主要参考的，向博主表示感谢。
个人网站：

我要回帖

更多关于 我和好友母亲王姨 的文章

 

随机推荐