简单搜索
用惯了各种导航首页，满屏幕尽是各种不厌其烦的广告和资讯；尝试自己写个自己的主页。不是镜像不是代理，就当做浏览器主页使用，支持自适应屏幕。
Github页面：https://github.com/5iux/sou
简单说说
怎么说呢，本身是自己用来做主页用的，就算个半成品，想起来就改改；
不过没想到不少朋友来关注，这里也感谢大家的支持；
还有朋友建议我建群和放收费码，我觉得没必要，就是做着玩的，自己也是也半吊子前端，源码放这了，主要是发出来交流学习，大家喜欢就拿去用用，随便改改，如果能给您一点灵感我是超级高兴的，感恩！（2020/05/19）
GIF示例效果
（图片效果，以实际页面为准）
新增黑暗模式（理论上支持）
[![黑暗模式](http://lsky.duming.cc/2024/03/08/778faaabf626e.webp
下载地址：
示例页面：
- 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
天气组件
后记
在使用中需要修改的地方标记一下
HTM 静态 修改图中的两个链接
直接把js中备注“ //按钮”的那一段代码删掉，然后把li标签加上自己的链接就好了
在 sou.js 找到
//按钮
$(".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标签加上自己的链接就好了。