Git Product home page Git Product logo

sou's Introduction

5IUX搜索

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

GIF示例效果

简单搜索

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

下载地址:

Releases

Gitee同步更新

https://gitee.com/cn5iux/sou

示例页面:

组件:

图标:

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

天气组件

天气API地址

背景图

已默认添加随机加载bing背景,不需要刻意在index.php中删除;

如使用自定义背景,可以删除bing背景后在页面内添加以下代码:

<style> 
   body{background:url("https://cn.bing.com//th?id=OHR.HuntsMesa_JA-JP3140979616_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp") no-repeat center/cover;}
</style>

其他

我这个只是个示例,有需求还是自己改,不喜欢php想换成js也可以;

sou's People

Contributors

5iux avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

sou's Issues

大佬,早上好,中午好,晚上好。

大佬能否考虑下网址和搜索引擎的配置借鉴下蘑菇导航qu5/mogu这个项目呢,大佬这个项目超级棒,正是我找了好久的网址导航页,但录网址很繁琐,恰巧看到蘑菇导航这个配置方式很棒,刚好是简单搜索缺少的,不知道大佬能否将这两个项目进行整合。。。。

搜索框以后会增加不同搜索引擎吗?

用着挺好的,就是经常会换搜索引擎,百度,gogole,知乎,微信,豆瓣这种,百度和google转换输入的内容被刷新,需要重新输入,其他知乎,豆瓣这个需要打开网站搜索,请问下,接下来有没有增加搜索引擎的打算吗?类似html版本

关键词联想及样式显示不全的建议和问题

关键词推荐
在百度上打字的时候都会按照已经输入的文字联想,希望也加上这个功能

样式显示不全
在QQ浏览器上,搜索历史那个框显示的不全,在谷歌浏览器上正常

建议在新窗口打开搜索界面

把网址设置成浏览器主页,搜索的时候会从本页打开,需要网址导航的时候需要重新打开,不太方便,建议可以从新窗口打开搜索结果。

暗色模式显示问题

在暗色模式下,首页字体配色感觉不是特别好,看起来比较费力,望改进qwq

截图

有个使用粘性的好建议

是否搜索结果页可以弄成框架形式,就是最上面有一行例如github最上面的黑色条这种感觉。
不然搜索后自己的网页相当于关闭了,失去了用户的粘性。

最后感谢开发者做出这么简洁的首页,很是喜欢

bing背景报错问题。

  • 使用php-7.4.33 会报错“网络错误”和“Notice: Undefined index: callback in”
  • 解决办法
  • 修改bg/index.php文件
添加error_reporting(E_ALL & ~E_NOTICE);  即可

image

一个小建议

首先,你的主页设计的很优美,但是我有一个小小的建议,希望你可以将搜索选项百度和谷歌设置成为一个switch或者是一个button,用户可以进行选择使用百度或者谷歌,而不用每次都需要输入相关搜索内容后点击相对应的搜索选项,毕竟我感觉用户不会在两个搜索引擎间来回切换,并且让cookies记录下用户的选择,然后实现回车就可以搜索用户希望使用的搜索引擎的相关引用。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.