好久没更新了啊
顺便给博客添加搜索功能
谁说静态博客就不能用搜索的?
好吧其实就是用了下搜索引擎的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 版本,写成原生的也不难这里就不废话了