导读
轻萌化界面
使用教程Head Pic:Baidu Lite 轻萌化界面(背景:P站 62101308)
介绍
你一定会喜欢的简约且好看的百度轻萌化!
GitHub
注意事项
- 百度会为未登录百度账号的设备提供不同的 css 样式文件,在 v1.0.6a 版本中简单修复了这个 css 文件额外带来的部分问题。但仍有一些问题未处理,您可能需要登录百度账号以避免出现不必要的问题。
- 在使用百度主题后也有可能会出现不必要的问题,您可能需要在使用本样式前先关闭百度自带的样式功能才能保证本样式的正常工作
附加功能
- 持续维护的百度样式
- 提供搜索页、新闻页、视频页等多个页面的样式支持
- 卡片半透明化
- 高分屏适配
- 支持自定义图片背景
即将推出的功能
- 即将支持自定义单双栏
- 即将支持自定义卡片分辨率
安装
- 在使用本主题前,请先行安装 Stylus 插件(该链接指向谷歌商店,需要科学上网),使用国产浏览器(如QQ浏览器)可直接在应用商城搜索安装。
点击 这里 进入安装页。
- 如果访问速度过慢,请在这里打开
- 点击安装即可。
更新历史
v1.15 - 2022-01-19
Fix
- 修复搜索结果列中异常的空行。
- 修复部分搜索词(如 原神)出现的动态视频造成的 header 异常。
- 修复加粗广告提示功能。
v1.14 - 2022-01-18
Fix
- 修复底部相关搜索卡片样式失效的问题。
- 尝试性修复上方搜索结果和搜索工具样式失效的问题。
因步入职场,此后改项目将转为维护模式,新功能优先级降低,同时由于纯 CSS 的局限性,之后会考虑转为制作 Tampermonkey 插件。
v1.13 - 2021-05-11
Fix
- 修复顶部搜索建议样式。
New
- 适配百度新个人中心。
- 现在可以自定义首页顶栏的颜色了。
v1.12 - 2021-02-25
Fix
- 进一步修复了部分情况下相关搜索越界问题。
- 微调部分组件的样式。
- 适配绝大多数搜索结果中的提示内容。
New
- 实验性适配搜索结果中的视频广告。
v1.11 - 2020-11-05
Fix
- 修复了指针悬停在超链接上时会出现复数下划线的问题。
- 实验性修复了搜索结果中百度游戏的异常表现。
- 修复部分页面的样式错误。
- 回滚了新闻页在高分屏设备上的表现,以期适配下版本提供的多栏。
New
- 现在在高分屏(横向分辨率大于1080p)设备上的搜索框会随着搜索结果居中
v1.10 - 2020-10-13
Fix
- 修复了已知的(如贴吧、图片)搜索结果溢出卡片的问题。
- 修复了新闻页改版后不能正常显示的问题。
- 修复了顶部 Tab 位置不正确的问题。
- 修复了已知的(如视频)搜索结果占用过多空间的问题。
- 修复了新闻页标题颜色不正确的问题。
- 修复了搜索结果中部分结果未对齐的问题。
- 修复了视频页样式异常的问题。
New
- 现在可以自定义背景了。
- 去掉百度首页单独的背景图片,现在和结果页使用同一背景。
- 实验性的调整了卡片的宽度,以期解决各种兼容问题。
- 调整了搜索框的长度以匹配卡片的宽度。
v1.09 - 2020-06-29
Fix
- 临时修复了新版百度搜索页的适配问题。
- 修复了搜索结果页搜索框前方异常空白的问题。
New
- 添加图片搜索页面的样式支持。
- 添加视频搜索页面的样式支持。
注意
- 近期百度官方样式修改频繁,在使用本样式时或会遇到异常,我会尽量在短时间内修复,也请您在遇到问题时第一时间联系我。
- 由于本样式最早基于 pan_cao 大大的百度轻样式修改而成,代码迭代过程中出现了冗杂的问题。我会尽快推出完全重置的2.0版本,敬请期待。
- 因百度自带的换肤功能会影响到本样式,因此自该版本开始将会隐藏所有换肤功能的入口。
- 同时,当前版本的样式是基于开启“资讯”功能适配的(因为百度默认显示首页资讯,但实际上使用本样式时不会显示资讯)。换回默认皮肤并且打开“资讯”功能(在百度首页右上角中打开资讯)。
- 因为百度在登录账号时会引入一个不同的css文件,强烈建议您在使用本样式时登录百度账号以确保有优质的体验。
v1.08 - 2020-06-16
Fix
- 修复了搜索结果中百度知道卡片样式异常的问题。
- 修复了搜索结果中百度经验、百度题库占用空间异常的问题。
- 修复了部分搜索结果中,鼠标悬停在带磁贴的条目上会导致样式错位的问题。
- 修复了所有快递相关的搜索结果样式。
- 进一步修复了搜索结果中百度招聘卡片样式的问题。
- 修复了百度首页搜索框和搜索推荐的样式错位问题。
New
- 添加对百度不良信息举报(通过搜索结果页底部的“举报”入口进入)的样式支持。
注意
- 因百度自带的换肤功能会影响到本样式,因此自该版本开始将会隐藏所有换肤功能的入口。
- 同时,当前版本的样式是基于开启“资讯”功能适配的(因为百度默认显示首页资讯,但实际上使用本样式时不会显示资讯)。换回默认皮肤并且打开“资讯”功能(在百度首页右上角中打开资讯)。
- 因为百度在登录账号时会引入一个不同的css文件,强烈建议您在使用本样式时登录百度账号以确保有优质的体验。
v1.07 - 2020-06-12
Fix
- 修复了图片结果的错位问题。
- 修复了部分结果的显示异常问题(如百度招聘)。
- 修复了部分结果图标缺失的问题。
New
- 广告结果现在将被醒目处理。
- 现在支持搜索结果中的“温馨提示”。
v1.06a - 2020-03-23
Fix
- 临时修复了未登陆状态下使用本主题时造成的部分问题。
注意
- 近期发现,在未登录百度账号时,百度会额外引用一个未登录的 css 文件,在最新版本 v1.0.6a 版本中简单修复了这个 css 文件额外带来的部分问题。但仍有一些问题未处理,建议您登录百度账号以避免出现不必要的问题。
- 同样的,在使用百度主题后也有可能会出现不必要的问题,建议您在使用本主题时不要使用百度自带的皮肤功能。
v1.06 - 2020-03-21
咕了大半年终于又开始更新辣!
Fix
- 调整了首页的逻辑,横向分辨率较低的设备上也能够正常使用了。
- 调整了搜索结果页的字体高度,以尝试修复图片结果的图片错位问题。
- 因为本主题在逻辑上隐藏了卡片结果,因此本次更新将“显示卡片”的选项隐藏,避免误触导致错位的问题。
New
- 添加了对 百度产品大全 页面的支持。
- 现在搜索结果的文本对齐为“两端对齐”。
v1.05 - 2019-10-11
- 隐藏了首页的滚动条,现在即便是在小尺寸屏幕下首页也不会出现滚动条了
- 稍微上移了首页的搜索框,但首页的搜索框仍未合理,如果您有更好的想法烦请在下方评论区反馈给我。
- 调整了搜索页的滚动条,因为一页只有 10 个结果,可能会在下个版本考虑隐藏滚动条
- 重做了搜索页的 Tab 样式,现在Tab不再有底部的指示条,同时也不再透明。底部的 Foot 背景色将与Tab相同,以减少色彩的使用(注:这是一个尝试性更新,也有可能会在下个版本恢复指示条)
- 稍微增加了搜索结果卡片的不透明度,使之更易于阅读
- 右上角的用户菜单现在不会再挡住用户名了
v1.04 - 2019-10-01
- 修改了链接匹配方式,以适配“Infiniti 新标签页 Pro”,以及一些通过非标准链接打开的百度页面。
P.S. 但这可能会遇到预料之外的问题。如您遇到了显示问题烦请在下方评论区反馈给我。
v1.03 - 2019-09-25
- 修复了关键词为“携程”、“飞猪”、“去哪儿”时会出现的显示问题
- 修复了关键词为“华为”时会出现的显示问题
v1.02 - 2019-09-14
- 现在出现在顶部的“是不是要搜索”提示框也能正常显示了
- 更换了背景图片的图床
- 增加鸣谢名单
- 合并和分离了部分代码
v1.01 - 2019-09-13
- 修复了在高分屏下titile会移位的问题
- 现在出现在顶部的“相关搜索”也能正常显示了
- 合并和分离了部分代码
版权声明:本文为原创文章,版权归 夕綺Yuuki 所有。
本文链接:https://blog.kira.cool/code-project/80-Baidu-Lite-moe/comment-page-2
本项目基于 GPL V3.0 协议开源,请您尊重开源协议。
最近这个主题百度首页的搜索按钮和搜索框出现了一些问题,自己琢磨了下也没解决出来,还望大佬亲自出面解决一下|´・ω・)ノ
By yuan at 2020-03-21, 09:14.
@yuan
能说一下具体是什么问题嘛,以及问题出现时的环境。
By 神代夕綺 at 2020-03-21, 13:22.
搜索666,有个图片挡住下面的标题了
By aLIEz at 2019-12-05, 17:07.
@aLIEz
搜索结果里百度图片会不正常已经发现了,下个版本会修复的
By 神代夕綺 at 2019-12-05, 17:48.
百度搜索栏那一行空白看的我纠结症烦了,当然整体还是很好看的
By 咔咔咔 at 2019-11-06, 23:52.
兄弟。。。图床崩了。。。
By koyomi at 2019-10-31, 22:41.
@koyomi
看了下应该没问题啊,可能当时图床在维护吧,我感觉这个图床还是相当稳定的_(:з」∠)_
By 神代夕綺 at 2019-10-31, 23:21.
@神代夕綺
可能是域名被墙了。。。很难受
By koyomi at 2019-11-01, 08:53.
真的有必要设置防刷屏吗。。。而且response的提示信息没有显示给用户啊。。response提交频繁,用户只收到发送失败。。一脸懵逼啊
By 竟然还有防刷屏的功能 at 2019-10-11, 14:46.
@竟然还有防刷屏的功能
放刷屏是是指连续发送会有冷却时间吗…这个主题的评论逻辑我不太喜欢又懒得重做_(:з」∠)_,我会再优化一下评论系统逻辑的。
总之感谢建议!!
By 神代夕綺 at 2019-10-11, 15:49.
又到你这里来了。。。我自己稍稍优化了一下,也顺便跟你说说。
1.首页的地方拖动滚轮会滚动。我给锁定了。。
2.首页的搜索框会挡住背景妹子的眼睛。。。很不爽,我弄成半透明了。。
3.搜索页的#s_tab我给弄成不透明了,因为半透明会影响看搜索结果。。不太爽。。
4.搜索页右上角用户的下拉菜单会挡住用户名。。看着不爽,我就重新定位了一下下拉菜单。。
就这样
By 我换个人试试 at 2019-10-11, 14:44.
@我换个人试试
感谢建议~
因为首页那边我个人基本没有使用环境,因此做的比较粗糙见谅_(:з」∠)_,提的这些问题会在下个版本解决的
而首页的搜索框尝试过半透明,但感觉不太好看_(:з」∠)_,我会再考虑一下悬停动画来折衷一下,实在不行再调整成半透明吧(或者干脆换张图片好了)
搜索页的透明地方会考虑调整的!
然后右上角的下拉菜单我也发现了,应该是原版的百度轻的问题,下个版本也会修复。
By 神代夕綺 at 2019-10-11, 15:48.
哇。。我提的建议发不上去啊
By koyomi at 2019-10-11, 14:42.
为啥我会提交评论失败
By koyomi at 2019-10-11, 14:40.
stylus 据说因为隐私问题,国内很多商店给下架了, 即使用谷歌商店安装了, 360浏览器也会强行禁用。
Stylus (beta) 可以替代它。
————————————————————————————
大佬能否给个简单的设置,或者告诉我源码里哪里是背景图片 QAQ 你的图片很不错,但是看久了会腻啊 我需要经常换背景。
另外,背景图使用在线图片有很大延迟,不爽。
最后, 这个输入框里的图片有点意思 0.0 我现在前端水平仅限于用bootstrap拼网页, 成品惨不忍睹, 大佬有什么好的建议不。|´・ω・)ノ
By 雨蝶 at 2019-10-06, 10:00.
@雨蝶
我有标注鸭, 代码块4 中的 第4行 是壁纸链接,要更换搜索页的话改这个链接就可以了;如果是主页(baidu.com)就是 代码块5 的 第8行 _(:з」∠)_。
用在线图片也是不得以,受制于Stylus。
输入框的图片用的是CSS,可以直接看源码,不过要注意好文本框的高度|´・ω・) ノ
By 神代夕綺 at 2019-10-07, 22:46.
@神代夕綺
谢谢大佬,我换了图片,解决了,但还是希望那个选择框改成半透明?那个透明度在哪调啊?
By 蒟蒻awa at 2020-04-16, 10:32.
@蒟蒻awa
如果你指的是“网页、资讯、视频等”的搜索方式选择框,请自行添加“#s_tab”选择器并设置背景,并同时调整代码块4的36至46行(最新版本,旧版本可能会有点变动)。
By 神代夕綺 at 2020-04-16, 11:19.
在用Infinity 新标签页 Plus插件中用百度搜索时,第一个页面为正常百度,且刷新还是一样,样式显示没有此网站样式,而在百度页面进行下一步操作时样式又能使用了
By Kulahala at 2019-10-01, 20:27.
@Kulahala
看了一下,是infinity Pro的链接有问题。已经修改了,再stylus更新一下就行
By 神代夕綺 at 2019-10-01, 21:01.
额,有时候打开百度这样式不一定会出现
By Kulahala at 2019-10-01, 20:16.
踩一踩,仰望大佬。。
By 神代千鹤 at 2019-09-22, 20:03.
@神代千鹤
(/ω\)
By 神代夕綺 at 2019-09-23, 08:22.