【开源】各种导航主页广告太多,自己做一个?

简单搜索

用惯了各种导航首页,满屏幕尽是各种不厌其烦的广告和资讯,尝试自己写个自己的主页。不是镜像不是代理,就当做浏览器主页使用,支持自适应屏幕。

Github页面:https://github.com/5iux/sou

 

简单说说

怎么说呢,本身是自己用来做主页用的,就算个半成品,想起来就改改;
不过没想到不少朋友来关注,这里也感谢大家的支持;
还有朋友建议我建群和放收费码,我觉得没必要,就是做着玩的,自己也是也半吊子前端,源码放这了,主要是发出来交流学习,大家喜欢就拿去用用,随便改改,如果能给您一点灵感我是超级高兴的,感恩!(2020/05/19)

GIF示例效果

简单搜索

(图片效果,以实际页面为准)

新增黑暗模式(理论上支持)

黑暗模式

下载地址:

Releases

示例页面:

组件:

图标:

图标调用了阿里的图标https://www.iconfont.cn/,提供下本地包点击下载
嫌麻烦的可以使用js版本示例里面的font-awesome

天气组件

天气API地址

其他

我这个只是个示例,有需求还是自己改,不喜欢php想换成js也可以;以前自己试过反代,还是小范围用的,没两天弄死一个好域名,不敢了,上谷歌大家还是自备梯子吧,这里不提供了。

关于百度搜索出来百家号的问题大家可以搜一下油猴脚本,或者在关键词后面加入-baijiahao参数。

D.Young

85后 / 代码散修 / 平面设计 / 一个老父亲 / 直男 / 被认为胖

相关推荐

130 条评论

  1. pintai

    不错,不错哦,收藏使用了

  2. ajun59420

    怎么修改默认回车是百度?撸主

    • dyoung

      代码已更新,看下注释

      • tnt2020

        博主按注释白谷歌的搜索衔接改成了百度的,但是搜索图标没有改过来,百度的图标显示谷歌的,麻烦指点一下在哪里修改,谢谢!!!

        • dyoung

          新版注释了,更新下

      • 676641942

        作者您好,我魔改了一下哈哈哈,链接******/,提点意见:1.网页加载完成后自动获取编辑框焦点;2.后台可自行添加或删除链接

  3. odmin

    好看的一塌糊涂!求增加一个360搜索按钮 ❗

    • dyoung

      谢谢支持,抱歉呢亲,不太喜欢360的东西;你可以试试把谷歌改成360,经常用360的人应该谷歌用的不多。

      • odmin

        嗯嗯,谢谢金点子提醒

  4. xuetu

    想问一下,我想增加收录的网站,怎么添加icon呢,你是在哪个网站找的icon,我用了阿里图标换上去结果不行

    • dyoung

      如果上传了图标包的话,地址需要替换成你本地的地址;图标是调用的阿里的iconfont.cn

      • xuetu

        图标包是那个SVG么,还有你文章中的本地包下载链接失效了

  5. ytdddd

    请问下载地址是?

    • ytdddd

      百度搜到你的github了,但是为什么我点击天气,会跳到“腾讯天气”?

      • dyoung

        sou.js里面有个跳转,可以删掉

        • ytdddd

          感谢分享,很轻,很漂亮,很精致。
          我不懂代码,但是我想在那2个搜索按钮的位置,换成自定义页面的导航。
          请问是否方便写个代码示例。
          自己乱比划半天也不会,谢谢

    • dyoung

      你直接把js中备注“ //按钮”的那一段代码删掉,然后把li标签加上自己的链接就好了

      • ytdddd

        好了,我把右上角导航的代码粘贴过来了。正常了。再次感谢开源~

  6. mydinyan

    感谢,已做好,真的比其他的都好看。so.loveloveme.cn

    未来的更新建议哈:
    ①增加数据库功能,可使用后台自定义添加常用链接至右侧边栏。
    ②背景自定义,可接入必应壁纸等相应的API

    • dyoung

      数据库就算了,这个真不会;背景觉得太花就没加;
      :)

  7. shuangYY

    非常好,我的评论丢了,挠墙))

    • dyoung

      :mrgreen: 同喜同喜

  8. HW1973

    你好:偶然看到你的作品,好喜欢,我想求教一下怎么更改主页《简单搜索》这几个字,非常感谢!

    • dyoung

      你好,你在文件夹中找到logo的svg文件,修改下就可以;矢量文件,可以用Adobe illustrator软件修改。

  9. HW1973

    你好:我已经添加我需要的网站,可是网站的ico怎么调用我一时没搞明白,还有打开HTML是有点慢,求解。

    • dyoung

      PWA了解下哎

  10. shuangYY

    每天来看下一下 有没有新功能 🙂

    • dyoung

      临时找了个服务器,不大稳,抽空再搞搞吧;可以关注下github,第一时间更新的

  11. shuangYY

    要放假了再来看看更新了什么

    • dyoung

      😐 没

      • shuangYY

        真速度啊,网站再优化一下 好卡啊

        • dyoung

          • shuangYY

            继续更新啊,然后让付费打赏了,才能用 😐

          • dyoung

            最近发际线有点往上,泡点枸杞保养两天

  12. kfkdxd

    老大,问一下中间那个简单搜索如何修改问别的文字呀,搜了一圈只搜到标题,没有搜到中间那个

    • dyoung

      看楼上评论

  13. mingfor

    老大、你可以在搜索上加上关键字吗?就是百度主页上那样,输入一个字,下面就出现一些搜索的列表了。这样使用上就方便很多了

    • dyoung

      等有时间试试吧,加的话得大改,最近发际线有点往上,泡点枸杞保养两天

  14. shuangYY

    我来了,看看要双11了

    • dyoung

      你总不至于让我出个双十一doodles吧

      • shuangYY

        哈哈哈 我是来看下双11 韩都忙不忙 😳

        • dyoung

  15. rtsrgdgdgg

    大哥,设置天气只要设置白名单和key就可以吗,其他地方要动吗,为什么我设置了,前台不显示呢,提示错误。(我是子目录建站的),谢谢

    • dyoung

      你删掉白名单验证部分测试下

      • fanren2011

        博主,请问一下这个天气的白名单怎么弄?

        • dyoung

          更新下代码吧,天气换成默认的了,不用配置

          • fanren2011

            默认搜索改成百度了,但是百度搜索图标显示的是谷歌图标,谷歌图标显示的是百度的,这个图标在哪个地方调换? ❗

          • dyoung

            新版本备注了

  16. shuangYY

    哇 这次影视换的接口好啊,有点意思了,是不是大大你的啊,其实可以做这种类似的 cupfox.com 人家国内运行好多年了 稳的狠

    • dyoung

      不是自己的,也是别人的api,自己用用就好了,人多了也得关

  17. yanglin9210

    KEY名称 Username Key 类型 操作
    1 HE1911191020001305 7a572aa9ca094aa288805d8c82010a08 Web API 编辑 删除
    我申请的是这样的key
    只填写
    //你的申请的apikey 必填 请到和风天气申请
    $key=”7a572aa9ca094aa288805d8c82010a08″;

    一点反应都没有啊

    • dyoung

      域名白名单改成自己的了吗

      • yanglin9210

        改了,检查网页显示 天气插件网络错误

  18. yanglin9210

    和风天气api必须开发者账号么?开发者控制台有api 普通用户没有,api在应用管理申请的

    • dyoung

      我测试了下,你的key显示无效,你是不是绑定ip了,取消绑定ip试试

      • yanglin9210

        1395148232364b428cc81c61bc45bf80重新申请的,帮忙试下呢

        • dyoung

          这个可以
          https://free-api.heweather.net/s6/weather/now?location=beijing&key=1395148232364b428cc81c61bc45bf80

          • fanren2011

            博主,导航里面的小图标可以自己上传吗?还是必须要用iconfont里面的图标?

          • dyoung

            可以,自行替换svg文件就可以了

    • dyoung

      我是普通用户

      • yanglin9210

        //域名白名单

        主页要端口:500 域名白名单要加:500么?

        • dyoung

          嗯可以
          嫌麻烦可以直接去掉

          //防跨域调用
          $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');

  19. shuangYY

    哇 老哥是换服务器了啊,明显快了一万倍 💡

    • dyoung

      嗯,稳不稳还得看邻居会不会搞事情

  20. zj2003924

    源码在哪下载

    • dyoung

      Github页面:https://g.5iux.cn/sou/

  21. yanglin9210

    Failed to load resource: the server responded with a status of 500 (Internal Server Error)
    sou.js?t=1912171106:68 天气插件网络错误!

    代码:

    麻烦帮忙看下什么原因?
    用的群晖 web station 虚拟主机 主页端口:500

    • dyoung

      天气插件有点问题,抽时间修复下

  22. shuangYY

    视频播放挂掉了,太不稳了

    • dyoung

      这只是个示例

  23. tyhguan

    输入内容回车后,刷新会提示您所查找的网页要使用已输入的信息。返回此页可能需要重复已进行的所有操作。是否要继续操作?

    能取消这个提示吗?

    • dyoung

      这个提示是浏览器自带的,表单是新窗口打开就会有,你自己改成当前页面打开就没有了

  24. HW1973

    您好;能不能把百度搜索链接换掉,换成 hotbot 搜索链接。我试换了一下但是不能直接搜索。求博主帮我改一下,谢谢!

  25. rtsrgdgdgg

    站长你好,刚刚下载了新版,在首页点击搜索的时候,电脑浏览器显示禁止弹窗,手机浏览器有广告拦截,也不能搜索跳转。你的旧版没有问题。这个怎么改下啊,谢谢

    • dyoung

      改好了,同步下吧

  26. HW1973

    您好博主:小年快乐!

    • dyoung

      同乐同乐(*^▽^*)

  27. coolzhwf

    本地和服务器测试 都是输入搜索关键词 回车或点击搜索 都是直接首页刷新一次 未能跳转到搜索页面

  28. coolzhwf

    找到问题了window.location.href少了个=号

    • dyoung

      马虎了(୨୧•͈ᴗ•͈)◞︎ᶫᵒᵛᵉ ♡

  29. joey19

    大佬,我在万网买了域名和服务器,服务器里自带wordpress,然后弄了个blog,现在看到了你这个主页感觉特别好看,想把你这个修改一下也放进同一个服务器里,但是网上看了很多教程都不懂,可以指点一下怎么操作吗。PS.没有编程经验但是对这个很感兴趣。

    • dyoung

      把代码下载下来,直接在你服务器根目录建个文件夹,把代码传进去;直接访问你的域名/子目录就可以了

      • joey19

        代码是指sou-master里面的全部文件吗

    • dyoung

      大胆放心试试,大不了重装一遍 😳

      • joey19

        hhh 我下午自己鼓捣的时候就搞崩了,还好万网那个重置很给力 然后才来问的 😛

        • dyoung

          生命不息折腾不止

  30. phpxp

    帮忙指点一下怎么设置自适应全屏背景图片,应该怎解添加代码?知道你不太喜欢背景图片,但是能否也指点一下。谢谢!

    • dyoung

      把这个CSS代码放到head里

      body{
      background: url("图片链接.jpg") no-repeat center center;
      }

  31. SUNDOWN

    很不满意的主页,自从遇到这个我把我所有设备的主页全换成这个了……
    要是再加个鼠标移动到侧边自动菜单按钮自动展开就更舒服了 😳 大佬可否安排下 😳 😳

    • dyoung

      😐 不满意吗

  32. SUNDOWN

    话说php版本要是能打完字选择搜索引擎比较好一点吧?(老版本那种)
    这样如果需要换一个搜索引擎会更方便一些,界面已经特别简洁了
    或者最新版本的可以修改成显示两个搜索引擎吗 ❓ ❓

    • dyoung

      多一个点击,多一个步骤,(qiao)麻烦 😐

  33. SUNDOWN

    还有还有,,,大佬别打我,疼 😥 😥 😥
    老版本进入后自动进入光标输入的状态,,目前php最新版没有,,可否再安排下呀 😳

    • dyoung

      改js时候误删了,已经加上了 😀

  34. xuetu

    老版本中,负责进去网站光标自动定位到搜索栏的代码在哪个文件里面啊。我把js那个文件删除就不行了。还有,我想让下面的百度谷歌再加个搜狗变成3栏怎么修改不好呢,在哪添加代码呀。另外,我觉得黑暗模式其实没有用,因为晚上工作毕竟少而且我们依旧会打开灯,不然真的特别伤眼睛,开灯后黑夜模式反而屏幕会看不清,毕竟只是一个主页黑夜模式也没多大作用,其他页面不还是白色的。

  35. xuetu

    要是老版本也支持文字预选就好了,直接覆盖在按钮的图层之上就行了

  36. weixx

    html版的怎么默认回车是百度 😡

  37. chongzi

    博主好,非常喜欢你的导航,想要自己改改用,看到源码有“版权所有,请勿删除”的提醒,请问能卖个授权用用吗?

    • chongzi

      可以回复到我注册账号用的邮箱哈

      • dyoung

        可以免费随便用,保留作者信息在注释里面就行

  38. camel

    博主,请教一个问题
    搜索框输入内容后回车再新标签页打开结果页怎么修改?
    谢谢

    • dyoung

      window.location.href="链接";改成window.open("链接","_blank")

      • camel

        可以,就是浏览器都默认弹窗拦截,体验不是太好

      • QQ194415114

        window.location.href=”//www.baidu.com/s?”; 是这样改吗?
        window.open(“//www.baidu.com/s?”,”_blank”)

        • 不建议这样使用,目前很多浏览器不支持弹窗

  39. huang.cj

    博主,你好。我想自己在右边加上自己的网站连接,但是怎么加自己的图标呢?

    • dyoung

      图标是用的阿里iconfont.cn的图标库,自己注册个账号添加项目就可以了

      • huang.cj

        我自己新建一个项目的话是不是就没有你之前的的图标了,有没有办法吧你这些这个项目分享给我,我就不自己去一个一个家你之前的图标,我直接在你的项目基础里面添加我需要的就好了。

  40. vader

    您好,怎么添加背景图片呢

    • 不支持背景,有需求的话参考这个https://www.runoob.com/css3/css3-backgrounds.html

  41. koone

    dyoung 你好,我是个小萌新 我想问几个问题,第一 如何让搜索默认为百度,第二 添加背景图片(想自己做个个性的导航)第三 如何让右边深蓝的的背景 变成透明的。谢谢 可以的话 能否加你下好友

    • 在你的网址后面加?t=b默认就可以变成百度
      背景的话参考这个https://www.runoob.com/css3/css3-backgrounds.html
      如果不懂css也可以在里面学习下

  42. koone

    还有和风天气是不是改不了样式了

  43. gogobody

    您好,请问设计导航会开源或者能购买吗,喜欢这种简洁风格

    • 本来就是开源的,请认真阅读

  44. HW1973

    博主新年快乐,您好,想换个必应的按钮,求必应搜索代码链接,谢谢,新春快乐,牛年吉祥,

    • 你试试 “https://www.bing.com/search?q=”

  45. mercury84

    为什么使用和风天气KEY后,只能先显示3日天气情况,而不能像示例页面 显示湿度 出行等信息?

    • 把天气官方插件切换成我写的那个,就是注释掉的那个,wea.css和wea.js调用上就行了

  46. 项目原来叫”简单搜索”

  47. SUNDOWN

    大佬,想问下以前版本界面同时显示两个搜索引擎按钮的那个不在了吗?好像以前是静态版本的

    • 改来改去都改没了

      • SUNDOWN

        好的 很喜欢大佬的作品:D

  48. aierbude

    求大佬做一个可以添加一个自定义链接的功能,老跑后台改代码太蛋疼了

    • 别闹大佬,不会后端

  49. 374231665

    您好,想放在自己的github page上显示,需要修改哪些内容呢?

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

微信扫一扫,分享到朋友圈

【开源】各种导航主页广告太多,自己做一个?
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close