Hexo好多的主題都是默認(rèn)鏈接到Google
的搜索瞎饲,并且Hexo官方的輔助函數(shù)里也有<%- search_form(options) %>
董瞻,插入Google的搜索框浑度,同樣你可以自定義一個(gè)簡(jiǎn)單的鏈接指向百度也是可以的雪位。
但是這里要介紹的并不是指向某個(gè)搜索引擎的搜索鉴象,這里介紹一種站內(nèi)搜索的方式滞欠,同樣也是要依靠第三方服務(wù)-Swiftype - Site search and enterprise search
首先按照提示注冊(cè)一個(gè)賬號(hào)古胆,注冊(cè)完之后按照提示一步一步往下走。
大概過(guò)個(gè)十來(lái)分鐘筛璧,在Content
里就能看到抓到的站點(diǎn)頁(yè)面逸绎。
接下來(lái)就是在站點(diǎn)中安裝它,根據(jù)提示有兩部分代碼需要添加隧哮。
將上圖中的一段js
代碼復(fù)制到after_footer.ejs
文件中桶良,如下所示:
<!-- 站內(nèi)搜索-Swiftype -->
<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','sC-iNFrvTTNtiXEVNwo1','2.0.0');
</script>
最后修改一下搜索框的input
標(biāo)簽即可。
<div class="search">
<form action="<%- url_for("search/index.html") %>" method="get" accept-charset="utf-8">
<input type="text" id="search" class="st-default-search-input" placeholder="Search" />
</form>
</div>
最后的最后沮翔,重新部署博客至服務(wù)器上陨帆,點(diǎn)擊搜索,效果如下圖或者進(jìn)入站點(diǎn)點(diǎn)擊搜索嘗試采蚀。
該服務(wù)的實(shí)際效果是否有效疲牵,需要各位自己去驗(yàn)證;并且該服務(wù)并非免費(fèi)的哦榆鼠。