简单搜索
用惯了各种导航首页,满屏幕尽是各种不厌其烦的广告和资讯,尝试自己写个自己的主页。不是镜像不是代理,就当做浏览器主页使用,支持自适应屏幕。
Github页面:https://github.com/5iux/sou
简单说说
怎么说呢,本身是自己用来做主页用的,就算个半成品,想起来就改改;
不过没想到不少朋友来关注,这里也感谢大家的支持;
还有朋友建议我建群和放收费码,我觉得没必要,就是做着玩的,自己也是也半吊子前端,源码放这了,主要是发出来交流学习,大家喜欢就拿去用用,随便改改,如果能给您一点灵感我是超级高兴的,感恩!(2020/05/19)
GIF示例效果
(图片效果,以实际页面为准)
新增黑暗模式(理论上支持)
下载地址:
示例页面:
- php版本:https://5iux.cn/
- html+js+css版本:https://g.5iux.cn/ (懒得更新了)
- html+js+css源码:https://github.com/5iux/5iux.github.io
组件:
图标:
图标调用了阿里的图标https://www.iconfont.cn/
,提供下本地包点击下载
嫌麻烦的可以使用js版本示例里面的font-awesome
天气组件
其他
我这个只是个示例,有需求还是自己改,不喜欢php想换成js也可以;以前自己试过反代,还是小范围用的,没两天弄死一个好域名,不敢了,上谷歌大家还是自备梯子吧,这里不提供了。
关于百度搜索出来百家号的问题大家可以搜一下油猴脚本,或者在关键词后面加入-baijiahao
参数。
不错,不错哦,收藏使用了
怎么修改默认回车是百度?撸主
代码已更新,看下注释
博主按注释白谷歌的搜索衔接改成了百度的,但是搜索图标没有改过来,百度的图标显示谷歌的,麻烦指点一下在哪里修改,谢谢!!!
新版注释了,更新下
作者您好,我魔改了一下哈哈哈,链接******/,提点意见:1.网页加载完成后自动获取编辑框焦点;2.后台可自行添加或删除链接
棒
好看的一塌糊涂!求增加一个360搜索按钮 ❗
谢谢支持,抱歉呢亲,不太喜欢360的东西;你可以试试把谷歌改成360,经常用360的人应该谷歌用的不多。
嗯嗯,谢谢金点子提醒
想问一下,我想增加收录的网站,怎么添加icon呢,你是在哪个网站找的icon,我用了阿里图标换上去结果不行
如果上传了图标包的话,地址需要替换成你本地的地址;图标是调用的阿里的iconfont.cn
图标包是那个SVG么,还有你文章中的本地包下载链接失效了
请问下载地址是?
百度搜到你的github了,但是为什么我点击天气,会跳到“腾讯天气”?
sou.js里面有个跳转,可以删掉
感谢分享,很轻,很漂亮,很精致。
我不懂代码,但是我想在那2个搜索按钮的位置,换成自定义页面的导航。
请问是否方便写个代码示例。
自己乱比划半天也不会,谢谢
你直接把js中备注“ //按钮”的那一段代码删掉,然后把li标签加上自己的链接就好了
好了,我把右上角导航的代码粘贴过来了。正常了。再次感谢开源~
感谢,已做好,真的比其他的都好看。so.loveloveme.cn
未来的更新建议哈:
①增加数据库功能,可使用后台自定义添加常用链接至右侧边栏。
②背景自定义,可接入必应壁纸等相应的API
数据库就算了,这个真不会;背景觉得太花就没加;
:)
非常好,我的评论丢了,挠墙))
同喜同喜
你好:偶然看到你的作品,好喜欢,我想求教一下怎么更改主页《简单搜索》这几个字,非常感谢!
你好,你在文件夹中找到logo的svg文件,修改下就可以;矢量文件,可以用Adobe illustrator软件修改。
你好:我已经添加我需要的网站,可是网站的ico怎么调用我一时没搞明白,还有打开HTML是有点慢,求解。
PWA了解下哎
每天来看下一下 有没有新功能 🙂
临时找了个服务器,不大稳,抽空再搞搞吧;可以关注下github,第一时间更新的
要放假了再来看看更新了什么
😐 没
真速度啊,网站再优化一下 好卡啊
穷
继续更新啊,然后让付费打赏了,才能用 😐
最近发际线有点往上,泡点枸杞保养两天
老大,问一下中间那个简单搜索如何修改问别的文字呀,搜了一圈只搜到标题,没有搜到中间那个
看楼上评论
老大、你可以在搜索上加上关键字吗?就是百度主页上那样,输入一个字,下面就出现一些搜索的列表了。这样使用上就方便很多了
等有时间试试吧,加的话得大改,最近发际线有点往上,泡点枸杞保养两天
我来了,看看要双11了
你总不至于让我出个双十一doodles吧
哈哈哈 我是来看下双11 韩都忙不忙 😳
忙
大哥,设置天气只要设置白名单和key就可以吗,其他地方要动吗,为什么我设置了,前台不显示呢,提示错误。(我是子目录建站的),谢谢
你删掉白名单验证部分测试下
博主,请问一下这个天气的白名单怎么弄?
更新下代码吧,天气换成默认的了,不用配置
默认搜索改成百度了,但是百度搜索图标显示的是谷歌图标,谷歌图标显示的是百度的,这个图标在哪个地方调换? ❗
新版本备注了
哇 这次影视换的接口好啊,有点意思了,是不是大大你的啊,其实可以做这种类似的 cupfox.com 人家国内运行好多年了 稳的狠
不是自己的,也是别人的api,自己用用就好了,人多了也得关
KEY名称 Username Key 类型 操作
1 HE1911191020001305 7a572aa9ca094aa288805d8c82010a08 Web API 编辑 删除
我申请的是这样的key
只填写
//你的申请的apikey 必填 请到和风天气申请
$key=”7a572aa9ca094aa288805d8c82010a08″;
一点反应都没有啊
域名白名单改成自己的了吗
改了,检查网页显示 天气插件网络错误
和风天气api必须开发者账号么?开发者控制台有api 普通用户没有,api在应用管理申请的
我测试了下,你的key显示无效,你是不是绑定ip了,取消绑定ip试试
1395148232364b428cc81c61bc45bf80重新申请的,帮忙试下呢
这个可以
https://free-api.heweather.net/s6/weather/now?location=beijing&key=1395148232364b428cc81c61bc45bf80
博主,导航里面的小图标可以自己上传吗?还是必须要用iconfont里面的图标?
可以,自行替换svg文件就可以了
我是普通用户
//域名白名单
主页要端口:500 域名白名单要加:500么?
嗯可以
嫌麻烦可以直接去掉
//防跨域调用
$allow_origin = array(
//域名白名单
'https://5iux.cn',
'https://www.5iux.cn'
);
header('Access-Control-Allow-Origin:'.$allow_origin);
header('Access-Control-Allow-Methods:POST');
header('Access-Control-Allow-Headers:x-requested-with,content-type');
哇 老哥是换服务器了啊,明显快了一万倍 💡
嗯,稳不稳还得看邻居会不会搞事情
源码在哪下载
Github页面:
https://g.5iux.cn/sou/
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
sou.js?t=1912171106:68 天气插件网络错误!
代码:
麻烦帮忙看下什么原因?
用的群晖 web station 虚拟主机 主页端口:500
天气插件有点问题,抽时间修复下
视频播放挂掉了,太不稳了
这只是个示例
输入内容回车后,刷新会提示您所查找的网页要使用已输入的信息。返回此页可能需要重复已进行的所有操作。是否要继续操作?
能取消这个提示吗?
这个提示是浏览器自带的,表单是新窗口打开就会有,你自己改成当前页面打开就没有了
您好;能不能把百度搜索链接换掉,换成 hotbot 搜索链接。我试换了一下但是不能直接搜索。求博主帮我改一下,谢谢!
站长你好,刚刚下载了新版,在首页点击搜索的时候,电脑浏览器显示禁止弹窗,手机浏览器有广告拦截,也不能搜索跳转。你的旧版没有问题。这个怎么改下啊,谢谢
改好了,同步下吧
您好博主:小年快乐!
同乐同乐(*^▽^*)
本地和服务器测试 都是输入搜索关键词 回车或点击搜索 都是直接首页刷新一次 未能跳转到搜索页面
找到问题了window.location.href少了个=号
马虎了(୨୧•͈ᴗ•͈)◞︎ᶫᵒᵛᵉ ♡
大佬,我在万网买了域名和服务器,服务器里自带wordpress,然后弄了个blog,现在看到了你这个主页感觉特别好看,想把你这个修改一下也放进同一个服务器里,但是网上看了很多教程都不懂,可以指点一下怎么操作吗。PS.没有编程经验但是对这个很感兴趣。
把代码下载下来,直接在你服务器根目录建个文件夹,把代码传进去;直接访问你的域名/子目录就可以了
代码是指sou-master里面的全部文件吗
大胆放心试试,大不了重装一遍 😳
hhh 我下午自己鼓捣的时候就搞崩了,还好万网那个重置很给力 然后才来问的 😛
生命不息折腾不止
帮忙指点一下怎么设置自适应全屏背景图片,应该怎解添加代码?知道你不太喜欢背景图片,但是能否也指点一下。谢谢!
把这个CSS代码放到head里
body{
background: url("图片链接.jpg") no-repeat center center;
}
很不满意的主页,自从遇到这个我把我所有设备的主页全换成这个了……
要是再加个鼠标移动到侧边自动菜单按钮自动展开就更舒服了 😳 大佬可否安排下 😳 😳
😐 不满意吗
话说php版本要是能打完字选择搜索引擎比较好一点吧?(老版本那种)
这样如果需要换一个搜索引擎会更方便一些,界面已经特别简洁了
或者最新版本的可以修改成显示两个搜索引擎吗 ❓ ❓
多一个点击,多一个步骤,(qiao)麻烦 😐
还有还有,,,大佬别打我,疼 😥 😥 😥
老版本进入后自动进入光标输入的状态,,目前php最新版没有,,可否再安排下呀 😳
改js时候误删了,已经加上了 😀
老版本中,负责进去网站光标自动定位到搜索栏的代码在哪个文件里面啊。我把js那个文件删除就不行了。还有,我想让下面的百度谷歌再加个搜狗变成3栏怎么修改不好呢,在哪添加代码呀。另外,我觉得黑暗模式其实没有用,因为晚上工作毕竟少而且我们依旧会打开灯,不然真的特别伤眼睛,开灯后黑夜模式反而屏幕会看不清,毕竟只是一个主页黑夜模式也没多大作用,其他页面不还是白色的。
要是老版本也支持文字预选就好了,直接覆盖在按钮的图层之上就行了
html版的怎么默认回车是百度 😡
博主好,非常喜欢你的导航,想要自己改改用,看到源码有“版权所有,请勿删除”的提醒,请问能卖个授权用用吗?
可以回复到我注册账号用的邮箱哈
可以免费随便用,保留作者信息在注释里面就行
博主,请教一个问题
搜索框输入内容后回车再新标签页打开结果页怎么修改?
谢谢
把
window.location.href="链接";
改成window.open("链接","_blank")
可以,就是浏览器都默认弹窗拦截,体验不是太好
window.location.href=”//www.baidu.com/s?”; 是这样改吗?
window.open(“//www.baidu.com/s?”,”_blank”)
不建议这样使用,目前很多浏览器不支持弹窗
博主,你好。我想自己在右边加上自己的网站连接,但是怎么加自己的图标呢?
图标是用的阿里
iconfont.cn
的图标库,自己注册个账号添加项目就可以了我自己新建一个项目的话是不是就没有你之前的的图标了,有没有办法吧你这些这个项目分享给我,我就不自己去一个一个家你之前的图标,我直接在你的项目基础里面添加我需要的就好了。
您好,怎么添加背景图片呢
不支持背景,有需求的话参考这个https://www.runoob.com/css3/css3-backgrounds.html
dyoung 你好,我是个小萌新 我想问几个问题,第一 如何让搜索默认为百度,第二 添加背景图片(想自己做个个性的导航)第三 如何让右边深蓝的的背景 变成透明的。谢谢 可以的话 能否加你下好友
在你的网址后面加
?t=b
默认就可以变成百度背景的话参考这个https://www.runoob.com/css3/css3-backgrounds.html
如果不懂css也可以在里面学习下
壁纸好看
还有和风天气是不是改不了样式了
可以改
您好,请问设计导航会开源或者能购买吗,喜欢这种简洁风格
本来就是开源的,请认真阅读
博主新年快乐,您好,想换个必应的按钮,求必应搜索代码链接,谢谢,新春快乐,牛年吉祥,
你试试 “https://www.bing.com/search?q=”
为什么使用和风天气KEY后,只能先显示3日天气情况,而不能像示例页面 显示湿度 出行等信息?
把天气官方插件切换成我写的那个,就是注释掉的那个,
wea.css和wea.js
调用上就行了项目原来叫”简单搜索”
大佬,想问下以前版本界面同时显示两个搜索引擎按钮的那个不在了吗?好像以前是静态版本的
改来改去都改没了
好的 很喜欢大佬的作品:D
求大佬做一个可以添加一个自定义链接的功能,老跑后台改代码太蛋疼了
别闹大佬,不会后端
您好,想放在自己的github page上显示,需要修改哪些内容呢?
这个用了部分php代码,git page上不能用,可以试试静态版本https://github.com/5iux/5iux.github.io