前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >zblog添加百度站内搜索的方法,https同样适用

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

作者头像
德顺
发布2023-08-24 14:42:44
发布2023-08-24 14:42:44
46800
代码可运行
举报
文章被收录于专栏:前端资源前端资源
运行总次数:0
代码可运行

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

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

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

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

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

代码语言:javascript
代码运行次数:0
复制
<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
代码运行次数:0
复制
<!--首先请将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
代码运行次数:0
复制
<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= 后面的部分(代表的是你的网站),替换就可以了。

这样就可以正常使用百度站内搜索了,可以在百度站内搜索后台自定义样式。

网站 logo 和首页链接可以在,“搜索结果页管理”——“基本信息”修改。

不过有一个问题,就是网站 logo 一直提交不了,提示“logo地址无效”。有知道怎么解决的,欢迎在评论区留言,万分感谢!

如果你还有其他更好的方法,欢迎讨论和分享。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-04-15),如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档