Loading... # 简单搜索 用惯了各种导航首页，满屏幕尽是各种不厌其烦的广告和资讯；尝试自己写个自己的主页。不是镜像不是代理，就当做浏览器主页使用，支持自适应屏幕。 > Github页面：[https://github.com/5iux/sou](https://github.com/5iux/sou) ## 简单说说 怎么说呢，本身是自己用来做主页用的，就算个半成品，想起来就改改； 不过没想到不少朋友来关注，这里也感谢大家的支持； 还有朋友建议我建群和放收费码，我觉得没必要，就是做着玩的，自己也是也半吊子前端，源码放这了，主要是发出来交流学习，大家喜欢就拿去用用，随便改改，如果能给您一点灵感我是超级高兴的，感恩！（2020/05/19） ### GIF示例效果 [](http://www.1kkk.net/usr/uploads/2021/01/2788036642.gif) > （图片效果，以实际页面为准） ### 新增黑暗模式（理论上支持） [](http://www.1kkk.net/usr/uploads/2021/01/2847243974.jpg) ## 下载地址： [Releases](https://github.com/5iux/sou/releases) ## 示例页面： * php版本：[https://5iux.cn/](https://5iux.cn/) * html+js+css版本：[https://g.5iux.cn/](https://g.5iux.cn/) （懒得更新了） * html+js+css源码：[https://github.com/5iux/5iux.github.io](https://github.com/5iux/5iux.github.io) ## 组件： ### 图标： 图标调用了阿里的图标`https://www.iconfont.cn/`，提供下本地包[点击下载](https://raw.githubusercontent.com/5iux/sou/master/icon.zip) 嫌麻烦的可以使用js版本示例里面的`font-awesome` ### 天气组件 [天气API地址](https://dev.heweather.com/widget/simple) --- ###后记 ####在使用中需要修改的地方标记一下 HTM 静态 修改图中的两个链接  直接把js中备注“ //按钮”的那一段代码删掉，然后把li标签加上自己的链接就好了 在 sou.js 找到 ```java //按钮 $(".sou li").click(function() { var dt = $(this).attr('data-s'); wd = $(".wd").val(); if (dt == "google") { if (wd == "" || wd == null) { window.location.href = "https://www.google.com/?hl=zh"; } else { $("form").attr('action', 'https://www.google.com/search?hl=zh'); $(".wd").attr("name","q"); $(".t").val("g"); $("form").submit(); } } else { if (wd == "" || wd == null) { window.location.href = "https://www.baidu.com/?tn=simple"; } else { $("form").attr('action', 'https://www.baidu.com/s?ie=utf-8'); $(".wd").attr("name","wd"); $(".t").val("b"); $("form").submit(); } } }); ``` 删除 然后在index.htm 中删除 ``` <li data-s="baidu" target="_blank"><i style="background-image: url(icon/baidu.svg);"></i>百度一下</li> <li data-s="google" target="_blank"><i style="background-image: url(icon/g.svg);"></i>Google</li> ``` 改成li标签加上自己的链接就好了。 [1]: https://github.com/5iux/sou [2]: https://dev.heweather.com/widget/simple 最后修改：2021 年 01 月 19 日 10 : 06 PM © 允许规范转载