zblog添加百度站内搜索的方法，https同样适用-HQY 一个和谐有爱的空间

14

2024
09
09:58:11

zblog添加百度站内搜索的方法，https同样适用

今天终于腾出时间整一整网站了，准备添加一个百度站内搜索的功能。

可能已经很久没有维护了，官网动态还停留在2016年。直接生成代码放在网站上不显示，搞了老半天都不行。

不过，博主在帮助中心看到一个 极速体验版站内搜索 。链接：https://zn.baidu.com/cse/wiki/index?category_id=25

输入自己的域名，生成专属代码，复制到自己的网站需要搜索框的位置。

代码如下：也就是把 value 的网址换成自己的。

代码语言：javascript
复制
<form target="_blank" action="http://zhannei.baidu.com/cse/site">
    <input type="text" name="q" size="30">
    <input type="submit" value="搜索">
    <input type="hidden" name="cc" value="www.w3h5.com"><!--value的网址换成自己的就行--></form>

如果您网站上已经有搜索框，请参考如下代码改写您的form表单代码：

代码语言：javascript
复制
<!--首先请将form表单action属性改写为如下所示--><form target="_blank" action="http://zhannei.baidu.com/cse/site">
    <!--请保证您的输入框input标签name值为"q"-->
    <input type="text" name="q" size="30">
    <!--请为您的form表单添加如下一行代码，并将value值改写为您网站的主域-->
    <input type="hidden" name="cc" value="baidu.com">
    <!--如果您网站是gbk编码，请添加如下一行代码；如果为utf-8编码，则不需要添加-->
    <input type="hidden" name="ie" value="gbk">
    <input type="submit" value="搜索"></form>

这样只能使用百度默认的站内搜索样式，不支持自定义DIY。

从体验版可以发现，其实地址都是一样的，只是 ?q= 后面的搜索词是动态的。

我们可以通过同样的原理，来做一个可以自定义的百度站内搜索。

思路就是，做一个 input，做一个 button，在 input 里面输入关键词，用 js 控制点击 button 直接打开百度站内搜索 url+ 关键词（反正能正常使用）。

代码如下：

代码语言：javascript
复制
<input type="text" name="q" id="bdcsMain" value="百度站内搜索" onfocus="if (value =='百度站内搜索'){value =''}" onblur="if (value ==''){value='百度站内搜索'}" ><button class="search-submit" id="btnPost" type="submit" onclick="window.open('http://zhannei.baidu.com/cse/search?s=1849457021752692468&entry=1&q='+document.getElementById('bdcsMain').value)">搜索</button>

需要将 url 的红色部分替换成你自己的 sid：http://zhannei.baidu.com/cse/search?s=1849457021752692468&entry=1&q= 。

获取自己的 sid ：

打开搜索框管理，直达链接：https://zn.baidu.com/cse/searchbox

点击“查看代码”复制 sid= 后面的部分（代表的是你的网站），替换就可以了。