游客

标题:自定义"Google自定义搜索"
正文:
通常我们选用 Google CSE 自定义搜索引擎代替网站自身的搜索服务，可以减轻服务器的负载，但更重要的原因是 Google 搜索有强大的词语分割、智能匹配、拼写纠正功能，甚至能将 "bb" 与 "BlackBerry", "DM" 与 "桌面管理器" 进行通配，这些算法是我们自己做不到的。我以前在博客中采用 iframe 版的 CSE, 最近把它换成了定制性更强，基于 Google ajax API 的新版，将经验分享一下。本方案优点： 不搜索时完全不加载任何相关资源，如 ajax API 库等 搜索 url 非常干净，没有多余的参数：fis.io/search?q=cse 方便使用 javascript 对结果样式进一步调整获取代码首先需要在 控制面板 - 外观新功能！中选择“搜索元素”模式 (Search element), 再选择一种布局和一种样式。实际上 ajax API 能做的事情非常多，比如就在搜索框下方即时展开结果列表。如果把结果列表悬浮绝对定位，再加上 Search as user Types, 就可以做 apple.com 右上角那种搜索样式了，一边输入一边匹配。但是考虑到小博客的站内搜索被使用得并不多，我还是选择了两栏布局，将结果列表放在一个专门的页面 /search 中，这样的好处是不搜索的时候可以不加载多余的内容：API 库，JS, CSS 等等。改造搜索框先不急着把获取的那一大堆代码往搜索框上放，上面说了，我们要的效果是不搜索的时候不加载。就改造一下模板原生的搜索框就可以了，让它提交用户输入的内容到 /search 这个页面，就这样。我的 header.php 中的搜索框是这样的：<form action="/search" id="searchbox"> <input type="text" name="q" id="input_search" /> <input type="submi
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页