简单搜索

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

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

简单说说

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

GIF示例效果

简单搜索

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

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

[![黑暗模式](http://lsky.duming.cc/2024/03/08/778faaabf626e.webp

下载地址:

Releases

示例页面:

组件:

图标:

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

天气组件

天气API地址


后记

在使用中需要修改的地方标记一下

HTM 静态 修改图中的两个链接
Snipaste_2020-05-26_17-34-24.png

直接把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标签加上自己的链接就好了。

最后修改:2024 年 03 月 08 日
如果觉得我的文章对你有用,请随意赞赏