使用swiftype实现站内搜索

本人博客opiece.me,欢迎访问。

前言

首先,以下的内容是基于最新的swifytpe的教程,应该是2.0.0。

站内搜索顾名思义就是将范围限定在你的网站内,以此范围进行关键字搜索。

常见的站内搜索是google和baidu的,但是现在google需要翻墙,因此不予考虑,所以主要考虑百度的,我自己试过百度的站内搜索,感觉不是很好用,主要是新博客,收录的内容很少速度很慢。后来找到了一款名为swiftype的工具,感觉还不错,就使用了swiftype进行站内搜索。

效果图

首先,看一下swiftype应用在博客内的效果。

搜索框界面

搜索结果界面

正文

下面开始设置自己的站内搜索。

1.到swiftype官网进行注册swiftype注册

2.登陆swiftype后,点击CREATE SEARCH ENGINE,之后填入自己的网址等等几个操作。

3.进入install页面,如下图,左边有4个大的选项,分别为:外观、安装代码、搜索框、起动。

4.在外观(appearance)一项,建议使用默认,一直NEXT,最后SAVA&PREVIEW

5.进入安装代码(install code)一项,将生成的代码复制一份,后面用到。

6.进入搜索框(search field)一项,如果你使用的主题跟我差不多,可以跟我的配置一样,只要改个id就行了,如下图。

如果你的博客没有搜索框,则可以选择下图这种

7.进入最后一项(activate),找到右下角的ACTIVATE SWIFTYPE按钮,点击即可,此时你已经完成了swiftype网站上的所有配置。

8.在E:\hexo\themes\lightum\layout\_partial\after_footer.ejs中添加第5步复制的代码。

<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‘,‘gngcYKRA61Ss_pfLd6uz‘,‘2.0.0‘);
</script>

9.在E:\hexo\themes\lightum\layout\_widget\search.ejs中,修改代码如下,如果的主题跟我不同,那就在你的搜索框的input属性上加入id="chillax-search-input",记得将id改成第6步记下来的id。

<div class="search">
  <form>
    <input type="search" id="chillax-search-input" placeholder="<%= __(‘search‘) %>">
  </form>
</div>

总结

swiftype在搜索框这一栏提供了多种选择,用户可以根据自己的需求选择合适的。

swiftype的优点:

1.效果出现的很快,部署完所有东西后,很快就能进行站内搜索。

2.操作简单,方便。

如有任何疑问,欢迎留言讨论。

原创文章,转载请注明出处。

时间: 2024-10-08 02:48:32

使用swiftype实现站内搜索的相关文章

Lucene.net站内搜索1——SEO优化简介

声明:在这里,所谈的一切关于SEO的技术主要针对于我们开发人员. SEO (搜索引擎优化) SEO(搜索引擎优化)的目的(很多人都是通过搜索引擎找到我们的网站)是让搜索引擎更多的收录网站的页面,让被收录页面的权重更靠前,让更多的人能够通过搜索引擎进入这个网站 原理:蜘蛛会定时抓取网站的内容,发现网站内容变化.发现新增内容就反映到搜索引擎中 蜘蛛(spider) 爬网站:就是向网站发http get请求的客户端. SEO(搜索引擎优化*):让网站排名靠前,让网站更多的页面被搜索引擎收录.链接(外链

基于lucene.net 和ICTCLAS2014的站内搜索的实现1

Lucene.net是一个搜索引擎的框架,它自身并不能实现搜索,需要我们自己在其中实现索引的建立,索引的查找.所有这些都是根据它自身提供的API来实现.Lucene.net本身是基于java的,但是经过翻译成.ne版本的,可以在ASP.net中使用这个来实现站内搜索. 要实现基于汉语的搜索引擎,首先的要实现汉语的分词.目前网上大部分都是利用已经有的盘古分词来实现的分词系统,但是盘古分词效果不太好.在这里我把最新的ICTCLAS2014嵌入到Lucene.net中.Lucene.net中所有的分词

利用Solr服务建立的站内搜索雏形

最近看完nutch后总感觉像好好捯饬下solr,上次看到老大给我展现了下站内搜索我便久久不能忘怀.总觉着之前搭建的nutch配上solr还是有点呆板,在nutch爬取的时候就建立索引到solr服务下,然后在solr的管理界面中选择query,比如在q选项框中将"*:*"改写为"title:安徽",则在管理界面中就能看到搜索结果,可是这个与搜索引擎的感觉差远了,总感觉这些结果是被solr给套在他的管理界面中了,于是自己在网上搜索,也想整个站内搜索一样的东西,就算整不到

1.PHP站内搜索

PHP站内搜索:多关键字.加亮显示 1.SQL语句中的模糊查找 $sql = "SELECT * FROM `message` WHERE `content`like '%$k[0]%' and `content`like '%$k[0]%'"; 2.多个关键字搜索的原理和技巧 3.替换关键字高亮显示 $r[content] = preg_replace("/($_GET[key])/i", "<font color = red><b&g

利用Solr服务建立的站内搜索雏形---solr1

最近看完nutch后总感觉像好好捯饬下solr,上次看到老大给我展现了下站内搜索我便久久不能忘怀.总觉着之前搭建的nutch配上solr还是有点呆板,在nutch爬取的时候就建立索引到solr服务下,然后在solr的管理界面中选择query,比如在q选项框中将“*:*”改写为“title:安徽”,则在管理界面中就能看到搜索结果,可是这个与搜索引擎的感觉差远了,总感觉这些结果是被solr给套在他的管理界面中了,于是自己在网上搜索,也想整个站内搜索一样的东西,就算整不到那么炫,只要整到在solr的管

基于lucene.net 和ICTCLAS2014的站内搜索的实现2

分词系统建立完毕,这是基础也是核心,后面我们建立索引要用到分词系统. 下面依次讲解索引的建立,索引的查找. 分词系统建立完毕,这是基础也是核心,后面我们建立索引要用到分词系统.下面依次讲解索引的建立,索引的查找. 索引的建立采用的是倒排序,原理就是遍历所有的文本,对其进行分词,然后把分的词汇建立索引表.形式类似如下: 词汇          出现词汇的篇章1,篇章2,篇章3-- 建立索引的时候要注意这样的Document,Field这俩术语.Document代表的是一个文档,它里面包含一个或者多

PHP核心编程--站内搜索

一.         站内搜索 前台页面: 在index.php页面中添加一个表单,输入搜索框 后台页面: 将index.php另存为search.php 对于搜索的 分页关键代码: 高亮关键字 相关函数: 1)        Mysql_fetch_assoc, 2)        mysql_fetch_row 3)        mysql_fetch_array 4)        mysql_fetch_object(); 5)        mysql_num_rows($resul

Lucene.Net 站内搜索

Lucene.Net 站内搜索 一  全文检索: like查询是全表扫描(为性能杀手)Lucene.Net搜索引擎,开源,而sql搜索引擎是收费的Lucene.Net只是一个全文检索开发包(只是帮我们存数据取数据,并没有界面,可以看作一个数据库,只能对文本信息进行检索)Lucene.Net原理:把文本切词保存,然后根据词汇表的页来找到文章 二  分词算法: //一元分词算法(引用Lucene.Net.dll)  一元分词算法 //二元分词算法(CJK:China Japan Korean 需要再

B2C商城关键技术点总结(站内搜索、定时任务)

1.站内搜索 1.1Lucene.Net建立信息索引 1 string indexPath = @"E:\xxx\xxx";//索引保存路径 2 FSDirectory directory = FSDirectory.Open(new DirectoryInfo(indexPath), new NativeFSLockFactory()); 3 bool isUpdate = IndexReader.IndexExists(directory); 4 if (isUpdate) 5 {