好久没更新了啊
顺便给博客添加搜索功能
谁说静态博客就不能用搜索的?
好吧其实就是用了下搜索引擎的site搜索功能
可以看见右边测栏里已经多出来了一个搜索框
不过貌似百度没有收录这个博客= =
所以没法用什么的很正常
在页面内添加
<form id="search" class="search" role="search">
<input class="form-control" placeholder="搜索" name="q" type="text">
</form>
然后在js里添加
(function(){
$(document).on('submit', '#search.search', function(){
var q = $(this).find('[name=q]').val();
if($.trim(q) !== ''){
var host = window.location.hostname;
var url = 'http://www.baidu.com/s?wd=' + 'site:' + host + " " + $.trim(q);
window.open(url, "_blank");
}
return false;
});
})();
http://www.baidu.com/s?wd=
可以替换成任意支持site搜索的搜索引擎地址
PS: 这是 jQuery 版本,写成原生的也不难这里就不废话了