Swiftype
當我們的
博客文章變的越來越多的時候，就非常需要使用站內(nèi)搜索功能，否則尋找某一篇文章就會變的麻煩弹砚，Swiftype是一個非常好的站內(nèi)搜索平臺，并且是免費的枢希，可以到 我的博客 去預(yù)覽一下搜索效果桌吃，下面就分享一下集成的方法。
1. 注冊 Swiftype 賬號
- 首先進入 Swiftype 官網(wǎng) 注冊一個賬號苞轿，注冊的賬號郵箱貌似必須使用
企業(yè)郵箱茅诱，注冊信息要全部填完，這里要注意一下搬卒，這里建議最好翻墻瑟俭，否則瀏覽速度會比較慢。
注冊
- 注冊完成后會提示進入郵箱點擊鏈接激活一下賬號契邀，激活完以后登錄賬號會顯示
免費試用 xx 天摆寄，這個無視就行了，試用期結(jié)束后還是可以用的蹂安。
免費試用
2. 創(chuàng)建 search engine
- 點擊 Create a search engine 椭迎，輸入自己
博客的完整地址，等待驗證完成后田盈，隨便輸入一個名字就行。
Create a search engine
- 創(chuàng)建完成后會開始抓取你
博客的數(shù)據(jù)來用作搜索索引缴阎，你可以在Content中看到抓取的搜索索引數(shù)據(jù)允瞧。
Content
- 當你的
博客內(nèi)容有更新的時候，可以在Domains中點擊Recrawl來重新抓取一下搜索索引數(shù)據(jù)。
Domains
3. 更改搜索設(shè)置
如果你不想設(shè)置那么麻煩述暂，只想全部用默認設(shè)置痹升，可以直接跳過這一步，直接進入 開始集成 Swiftype 搜索 這一步畦韭。
- 進入
Weights修改搜索條件疼蛾，我這邊設(shè)置的是只根據(jù)文章的title來搜索內(nèi)容，你可以根據(jù)自己的需求更改艺配，修改完可以在右邊搜索預(yù)覽一下察郁。
Weights
- 進入
Install Search點擊Change Configuration設(shè)置搜索框顯示以及搜索結(jié)果顯示。
Install Search
-
搜索框顯示有兩種转唉，第一種是自己在博客中合適的位置加一個input標簽的搜索框皮钠，class屬性設(shè)置為st-default-search-input。
自己加 input 搜索框
- 第二種不需要自己加
input標簽赠法，Swiftype會自動在你博客網(wǎng)頁的右下角添加一個search this site的搜索按鈕麦轰，點擊即可搜索，效果可以看下面的預(yù)覽圖砖织，想用哪一種可以看自己的需求款侵。
自帶的搜索按鈕
- 設(shè)置修改完保存以后需要點擊網(wǎng)頁最下面的
Activate Swiftype按鈕，設(shè)置才能生效侧纯，這個要注意一下喳坠。
Activate Swiftype
4. 開始集成 Swiftype 搜索
- 進入
Install Search，將Swiftype安裝代碼復制下來茂蚓。
Install Search
打開本地
博客主題目錄下的layout / _partial文件夾壕鹉，使用HTML編輯器打開footer.ejs文件，將剛才的代碼粘貼在<footer>標簽內(nèi)聋涨。打開本地
博客主題目錄下的_config.yml文件晾浴，添加以下配置。
swift_search:
enable: true
- 如果剛才設(shè)置
搜索框顯示時選擇的是第二種可以跳過這一步牍白，如果選擇的是第一種脊凰，就將以下代碼放在博客中適合放搜索框的位置即可。
<!-- 搜索框就加上 class="st-default-search-input" -->
<% if (theme.swift_search.enable){ %>
<input type="text" class="st-default-search-input" placeholder="請輸入搜索內(nèi)容...">
<% } %>
<!-- 搜索按鈕就加上 class="st-search-show-outputs" -->
<% if (theme.swift_search.enable){ %>
<a href="#" title="搜索博客" class="st-search-show-outputs">搜索</a>
<% } %>
- 打開終端
cd到本地博客目錄下茂腥，輸入以下命令重新部署博客狸涌。
hexo clean && hexo g && hexo d
集成步驟大概就是這樣，搜索框樣式可以根據(jù)需求自己寫最岗，另外如果你的
Swiftype抓取不到搜索索引帕胆，可以在Domains中點擊Recrawl來重新抓取一下搜索索引數(shù)據(jù)，祝你成功般渡。
將來的你懒豹，一定會感激現(xiàn)在拼命的自己芙盘，愿自己與讀者的開發(fā)之路無限美好。
