Swiftype可以為網(wǎng)站及移動app提供內(nèi)置搜索引掣服務(wù)。其部署十分簡單库说,只須輸入URL地址平臺即可執(zhí)行對用戶網(wǎng)站的抓取征椒,插入JS代碼嵌入網(wǎng)站就即完成搜索引擎的創(chuàng)建。Swiftype還提供了分析服務(wù)馋艺,供網(wǎng)站檢索分析用戶的搜索行為和使用偏好。Swiftype還支持對搜索結(jié)果排序進行定制迈套。
我的博客采用Hexo
搭建捐祠,主題是基于maupassant
。它能提供四種搜索桑李,分別是:
- google_search
- baidu_search
- swiftype
- tinysou
由于是剛建站雏赦,所以只試了百度,發(fā)現(xiàn)結(jié)果頁都是在百度芙扎,于是嘗試采用Swiftype的站內(nèi)搜索功能星岗,下面是實現(xiàn)步驟:
注冊
到swiftype上注冊賬號,我用自己的郵箱失敗了戒洼,提示要用工作郵箱俏橘,于是我用了自己在學(xué)校注冊的郵箱,發(fā)現(xiàn)可以了圈浇,接著輸入自己網(wǎng)站的bluebells.tk寥掐,根據(jù)指引建立自己站點對應(yīng)的Engine;
復(fù)制key
點擊左側(cè)的『install search』選項卡磷蜀,在給出的一段js代碼中復(fù)制“install”
后面的key召耘,將其添加到主題目錄下的_config.yml
文件;
swiftype: ## Your swiftype_key, e.g. m7b11ZrsT8Me7gzApciT
添加搜索框
接著點擊Add a Search Field(即添加一個搜索框)褐隆。由于主題layout
下已包含了搜索框組件_widget\search.jade
污它,且已有Swiftype代碼:
if theme.swiftype
.widget
input.st-default-search-input(placeholder='Search' type='text')
也就是圖上的:
<input type="text" class="st-default-search-input">
所以這一步我就跳過了。
若主題文件下沒有搜索框,則可以在自己相應(yīng)的組件文件夾中新建一個搜索框組件衫贬。
配置搜索結(jié)果頁
然后點擊Results Container(即配置搜索結(jié)果頁)德澈。默認是采用圖中第一個彈出式容器,我希望是在根目錄下的/search/
頁面上顯示固惯,所以勾選了“show on a dedicated search results page”梆造,并將/search/
填入path
中。
新建search頁
在hexo
的source
目錄下建立一個search
文件夾葬毫,并在其中新建一個index.md
文件镇辉,其內(nèi)容為:
layout: search
title: search
---
<div class="st-search-container"></div>
其它
至此,配置基本完成贴捡,hexo d -g
重新部署一下即可出現(xiàn)站內(nèi)搜索功能摊聋。搜索框的樣式可根據(jù)個人愛好在CSS文件中修改。
管理搜索內(nèi)容可在『Content』選項卡中查看栈暇,對搜索結(jié)果自定義排序及顯示在『Results Rankings』選項卡中設(shè)置。