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 版本,写成原生的也不难这里就不废话了