iovxw

好久没更新了啊

顺便给博客添加搜索功能

谁说静态博客就不能用搜索的?

好吧其实就是用了下搜索引擎的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 版本,写成原生的也不难这里就不废话了