使用swiftype实现站内搜索

article/2025/10/7 3:54:21

本人博客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.操作简单,方便。
如有任何疑问,欢迎留言讨论。

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


http://chatgpt.dhexx.cn/article/tGscKSc3.shtml

相关文章

Compass实战 站内搜索

今天早上打算对这两天学习的Lucene以及Compass总结一下,想来想去,还是写个小项目来验证最好了。于是就有了今天的这篇文章。难易程度适合对于Compass或者Lucene刚入门的童鞋,大牛看到后望轻喷 :-) 项目预览项目需求项目目录核心处理 发帖部分查询部分总结项目预览 项目需求 …

html中的搜索

目录 hello&#x1f604; form表单&#x1f349; form的语法&#x1f34a; from的属性&#x1f34a; 提交&#xff1f;重置&#xff1f;&#x1f34a; 表单按钮&#xff08;html&#xff09;&#x1f50d; JavaScript提交表单&#x1f50d; JavaScript重置表单&#x1f…

必应(Bing)的站内搜索 site:<域名> <搜索内容>

最近在备考OCP&#xff0c;发现有一个网站的题库很好&#xff0c;就是www.examtopics.com&#xff0c;有很多Oracle的考题&#xff0c;都是在这里面搜到的&#xff0c;而且每道题都有人讨论。 为了加快搜索速度&#xff0c;提高精度&#xff0c;可以用Bing在这个网站内搜索&am…

百度站内搜索使用教程

最近做了一个博客CMS网站&#xff0c;用到了百度站内搜索&#xff0c;做一些必要的笔记&#xff0c;一来是对自己学习的知识的巩固&#xff0c;二来对有同样问题的人有参考作用 文章目录 一 使自己的网站被百度收录二 获取百度站内搜索代码三 总结 声明一下&#xff0c;我本人很…

利用免费的必应 Bing 自定义搜索打造站内全文搜索

简介 百度的站内搜索不做了&#xff0c;唉&#xff0c;果然免费的不永久。我们看看 Bing 的&#xff0c;每个月有 1000 次免费的调用 bing search api 的次数。不同客户可以多申请几个就行了。 申请入口&#xff1a; https://www.customsearch.ai&#xff0c;官方简介页面官方…

html百度站内搜索代码,网站添加百度站内搜索的教程

zblog博客程序中可以在侧边栏中添加搜索功能&#xff0c;但是让人郁闷的是如果没针对搜索使用搜索插件&#xff0c;那情况简直让人抓狂&#xff0c;还好我们可以使用百度的站内搜索功能&#xff0c;一方面可以节省网站的资源&#xff0c;另一方面可以增加百度的收率几率。 关于…

站内搜索

使用“site:”或者“domain:”来实现站内搜索 如果你想在一个特定的网站上来进行搜索&#xff0c;在众多庞大的信息流中找到你想要的信息&#xff0c; 在上篇中(http://blog.csdn.net/liunian02050328/article/details/8220379)介绍在java编程的环境下实现站内搜索&#xff0c;…

计算机网络中的ping什么意思,PING命令是什么?PING使用方法和参数详解

PING命令是用来检查本机于网络上的电脑是否正常通信的一个命令&#xff0c;作为一个网站的管理员、单位的网管这也是一个必会的命令。 因为网络中所有的电脑都有一个单独不会重复的IP地址&#xff0c;我们使用PING命令给目标IP地址发送一个数据包&#xff0c;对方就要返回一个同…

常见的ping命令

1.ping 延时和丢包 开始--运行---输入cmd---输入ping IP&#xff08;IP为所要ping的服务器的IP&#xff09; 常与 -t 选项结合使用 ctrlc结束 延时主要看时间列 看时间得数值和波动 丢包 ---出现请求超时 2.追踪路由 tracert IP 注意&#xff1a; 追路由 --一般追3次 …

ping命令常见参数使用详解

winR 输入cmd 回车 进入命令窗口 输入ping baidu.com 回车可以查看网络连接。 ping [-t]参数是用来不断的ping对方主机&#xff0c;直到手动停止&#xff0c;使用ctrlc。Windows默认是四次停止。 [-l]&#xff08;-L&#xff09;参数用来设定数据包的大小的&#xff0c;在默认的…

Linux 常用ping命令详解

一、用法 Usage: ping [-aAbBdDfhLnOqrRUvV] [-c count] [-i interval] [-I interface][-m mark] [-M pmtudisc_option] [-l preload] [-p pattern] [-Q tos][-s packetsize] [-S sndbuf] [-t ttl] [-T timestamp_option][-w deadline] [-W timeout] [hop1 ...] destination二…

CentOS7里ping命令详解

ping 功能简述&#xff1a;Linux系统的ping命令是常用的网络命令&#xff0c;它通常用来测试与目标主机的连通性&#xff0c;我们经常会说“ping一下某机器&#xff0c;看是不是开着”、不能打开网页时会说“你先ping网关地址192.168.1.1试试”。它通过发送ICMPECHO_REQUEST数…

ping命令

在网络中ping是一个十分强大的TCP/IP工具。它的作用主要为&#xff1a; &#xff08;1&#xff09;用来检测网络的连通情况和分析网络速度&#xff1b;&#xff08;2&#xff09;根据域名得到服务器IP&#xff1b;&#xff08;3&#xff09;根据ping返回的TTL值来判断对方所使…

Ping命令的用法

ping基本使用详解 在网络中ping是一个十分强大的TCP/IP工具。它的作用主要为&#xff1a; &#xff08;1&#xff09;用来检测网络的连通情况和分析网络速度&#xff1b; &#xff08;2&#xff09;根据域名得到服务器IP&#xff1b; &#xff08;3&#xff09;根据ping返回…

ping命令简单总结

ping测失败是最长出现的网络故障&#xff0c;面对ping不通的问题&#xff0c;需要有一个排查顺序&#xff0c;接下来就简单总结下&#xff1a; 1、ping命令简介 当192.168.1.1向192.168.1.2发出ping测&#xff0c;ping命令生成固定格式的ICMP数据请求包&#xff0c;ICMP协议将…

ping命令基本使用详解

ping命令原理 ping命令是用来探测本机与网络中另一主机之间是否可通的命令&#xff0c;如果两台主机之间ping不通&#xff0c;则表明这两台主机不能建立起连接。 ping命令位于7层协议的网络层。 ping 命令是基于 ICMP 协议来工作的&#xff0c;ICMP为 Internet 控制报文协议。…

Linux ping命令详解

ping命令用来测试主机之间网络的连通性。执行ping指令会使用ICMP传输协议&#xff0c;发出要求回应的信息&#xff0c;若远端主机的网络功能没有问题&#xff0c;就会回应该信息&#xff0c;因而得知该主机运作正常。 语法 ping(选项)(参数) 选项 -d&#xff1a;使用Socket的SO…

ping命令详解 ping不通处理方法

概述&#xff1a; Ping命令是一种用来测试ip层网络层可达的命令&#xff0c;属于icmp层的探查消息。当网络访问出现故障时&#xff0c;用来执行测试网络导通性&#xff0c;根据ping的结果回显来判断问题可能在哪里&#xff1f; ping命令发出包是icmp协议的查询消息&#xff0c…

ping 命令的基本使用

ping 命令的基本使用 一、主要作用二、返回值参数的意义三、ping参数四、常用1、-c2、-n3、-i4、-p5、-r6、-R7、-s8、-S9、-t10、批量ping网段 五、如何禁止他人ping你的IP 一、主要作用 1.用来检测网络的连通情况和分析网络速度 2.根据域名得到服务器ip 3.根据ping返回的TTL…

图解:Ping 命令的工作原理

目录 一、ping 命令使用的是 ICMP 协议 二、ping —— 工作原理分析 1、打个 ICMP 数据包 - 网络层 2、打个 IP 数据包 - 网络层&#xff1a; 3、加入 Mac 头信息 - 数据链路层 4、接收端 拆解包&#xff1a;物理层-数据链路层-网络层 5、接收端 构建响应包&#xff0c;…