神代綺凛

[Stylish] 百度萌化样式
百度萌化样式 此早期黑历史已经停止维护 简介 此Stylish样式为百度系列的萌化，优化了部分显示效果，屏蔽了一...
扫描右侧二维码阅读全文
01
2017/09

[Stylish] 百度萌化样式

  1.  Home
  2. Text  
    3. Share to：

百度萌化样式

此早期黑历史已经停止维护

简介

此Stylish样式为百度系列的萌化，优化了部分显示效果，屏蔽了一些无用元素及广告推广。
背景图片可以自行设置。

预览图

主页

baidu2.jpg

搜索结果页面

baidu1.jpg

百度云

baidu3.jpg

示例所用背景图片：
pixiv: 岛风 by みゅとん
Zinsser: 艾拉 by zinsser

样式说明

样式目前主要应用范围：

  • 百度搜索
  • 百度网盘

请将百度云的皮肤设置为除了前三个默认皮肤之外的皮肤，推荐“月半弯”，色调比较配

如果发现了什么问题或者bug，都可以在这里反馈，这样我就能第一时间收到

安装

不知道怎么使用stylish萌化请看：

[Stylish] 使用教程-一个可以让网站变得萌萌哒的插件

Stylish 使用教程 Stylish 由于被爆隐私问题被下架，不再推荐使用，请换用 Stylus大致说明下St...
https://moe.best/tutorial/stylish.html

版权声明：本文为原创文章，版权归 神代綺凜 所有。

本文链接：https://moe.best/moe-project/baidu-moe.html

所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改，但请务必注明文章来源并且不可用于商业目的。

搬瓦工VPS优惠套餐，建站稳如狗，支持支付宝，循环出账94折优惠码BWH3HYATVBJW
年付$47，CN2线路，1核/1G内存/20G硬盘/1T@1Gbps【点击购买】
季付$47，CN2 GIA线路，1核/1G内存/20G硬盘/1T@2.5Gbps【点击购买】
Last modification：January 21st, 2020 at 07:48 pm
© The copyright belongs to the author
If you think my article is useful to you, please feel free to appreciate

Comment here is closed

56 comments

  1. XiaoMouz  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 79.0.3945.130(Google Chrome 79.0.3945.130)
    大佬，背景地址该换什么？自己填吗？之前的背景挺好的~
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 79.0.3945.117(Google Chrome 79.0.3945.117)
      @XiaoMouz 这个样式已经不做维护了
  2. 上阙十七  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.26(Google Chrome 63.0.3239.26)
    怎么样调整搜索页面一个个的搜索结果的底色，太白了，很多暗色的背景不好配。或者能不能可以多增加一些可以调整的选项，这些真的不够用，很喜欢这样的插件，表示一直会用下去的
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
      @上阙十七 这个样式已经不会再加入任何新功能和设置了
      如果想做到这些效果，可以考虑自学 CSS，毕竟也有 Stylus 这么方便的插件在，自己改个底色并不是很难的事情
  3. IXSOZN  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.77(Google Chrome 70.0.3538.77)
    屑百毒有什么必要萌化，查啥啥找不到，查啥啥都是sb广告
    用起来，就像先辈给你萌化一下？
    口区，，，
  4. 木名小威  Windows 10 x64 Edition(Windows 10 x64 Edition) / Opera 55.0.2994.44(Opera 55.0.2994.44)
    窗口最大化后会导致搜索结果偏左有一半会挤出窗口（如下图）|´・ω・)ノhttps://miao.su/images/2018/09/07/ae4e39c18b7e4de370de5373e6917735.png
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.81(Google Chrome 69.0.3497.81)
      @木名小威 这个好像是宽度大于1080p的时候百度有另一套超宽屏的布局我没考虑到所以会出现错乱问题

      但是这个项目我已经不打算继续维护了，精力有限，抱歉了

      1. Stephanie  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.102(Google Chrome 70.0.3538.102)
        @神代綺凜 我也是这个问题，，不过尊重大佬的意愿，这么久以来各种方面都非常感谢！
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
          @Stephanie 感谢支持
          1. Stephanie  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.102(Google Chrome 70.0.3538.102)
            @神代綺凜 大佬在tg发言有什么限制嘛，刚进去不能说话好像，，
            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 71.0.3578.98(Google Chrome 71.0.3578.98)
              @Stephanie 目前只有 +86 手机的私聊限制，换用别国手机号例如gv等或者跟spambot申请解除可解
  5. xiongshu  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
    作者大大，我是带鱼屏搜索结果窗口在屏幕外边怎么办啊OωO
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
      @xiongshu 带鱼屏是什么
  6. Stephanie  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)
    大佬，昨天用着还好好地，今早起来突然萌化和bili的插件一起失效了，重新装也装不上，用的google浏览器
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
      @Stephanie 我只能跟你说我这里没问题
  7. 1  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
    为什么我的是黑色！！！！！
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
      @1 请把问题描述清楚
  8. yangke  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 58.0.3029.61(Google Chrome 58.0.3029.61)
    在我这里，百度网盘不行啊，我的网盘上的图片显示得很大。因为很大，所以“全部文件”、“图片”等左侧的字体都被背景遮盖了，看不清楚。其他问题暂时没发现，
    1. yangke  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 58.0.3029.61(Google Chrome 58.0.3029.61)
      @yangke 对了，如何自定义图片啊，在网站上改了后不知道如何应用。
      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
        @yangke 对于第一个问题，麻烦看一下文章里加粗放大的字

        自定义图片你需要用一个图床上传图片，得到在线URL然后填到自定义设置里再更新样式

  9. key君  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
    大佬。每次搜索主题样式就不见了，css加载不出来。必须ctrl+f5
    这个问题怎么解决啊。
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @key君 我这没有这种问题欸……
      1. key君  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
        @神代綺凜 搞定了。stylish换了新版就没问题了。Hhhhhh
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
          @key君 噗
  10. 我我我才不是妹控  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
    能不能把这个主题的百度搜索结果页面单独做出来，这个页面贼好看，不用美化百度主页那个页面的那种
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @我我我才不是妹控 呃，不是很明白你的意思
      1. 我我我才不是妹控  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.181(Google Chrome 65.0.3325.181)
        @神代綺凜 emmm，你这个主题美化了百度主页，百度搜索结果页面，和百度云界面三部分吧，我只想应用百度搜索结果页面的那个美化，有没有方法，回复晚了，抱歉啊୧(๑•̀⌄•́๑)૭
  11. 无花无酒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
    百度云顶部还是原来的样子
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 16.16299(Microsoft Edge 16.16299)
      @无花无酒 呃，能说一下具体意思吗
      1. 无花无酒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @神代綺凜 就是百度网盘logo、头像那栏是白色的，图片没有覆盖
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 16.16299(Microsoft Edge 16.16299)
          @无花无酒 请看样式说明百度网盘那一条
          1. 无花无酒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
            @神代綺凜 没明白，第一次用，我也不懂css (ó﹏ò｡)
            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Microsoft Edge 16.16299(Microsoft Edge 16.16299)
              @无花无酒 请将百度云的皮肤设置为除了前三个默认皮肤之外的皮肤，推荐“月半弯”，色调比较配
  12. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.186(Google Chrome 64.0.3282.186)
    百度网盘有些页面会出现错位,有些地方似乎有些问题，不知道为什么

    1. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.186(Google Chrome 64.0.3282.186)
      @nix 我除了背景图，其他都没有改动过
      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @nix 屏幕分辨率宽度过低的原因，你可以尝试在设置里缩小左栏宽度
  13. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
    emmmm 大佬 能否去掉结果页面右边的那些东西...其实最右边的关联推荐我觉得有点破坏美感
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
      @图安 (/ω＼)其实这个项目我都不打算再做新功能了（懒
      如果什么时候有心情的话考虑下
      这几天手游肝飞天
      1. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
        @神代綺凜 对了...大佬 能否再加个搜索结果页居中的选项呢...或者请教下怎么让其居中...抄别人的代码只能到这里了....这个是https://userstyles.org/styles/123858/baidu-lite这个里的最后一段..其他的都不会了orz，请大佬帮忙

        #content_left {
    width: 640px;
    margin: 0 auto;
    padding-left: 35px;
    padding-top: 5px;
    float: none;
}
.c-container {
    width: 548px;
}
.hint_common_restop {
    font-size: x-large;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 599px;
}
        1. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
          @图安 这个是在您的萌化上面进行的....
          1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
            @图安 emmmm也不是直接把别人的拿过来就用的
            唉css这玩意说简单也简单说难也难，如果有一点编程基础的话想自学实际上很好学，看看w3cschool，拿stylish实操一下能很快理解，但是很多东西都是靠经验的，就不好教
            还有就是调试样式多利用F12

            首先先F12看看，发现搜索结果div是#content_left，那么想居中最简单的方法就是改掉左外边距

            #content_left{
    margin-left: calc(50% - 570px / 2);
}

            至于这些语句到底是什么意思，为什么这么写就居中了，感兴趣可以自己查w3cschool
            不过如果直接这样简单粗暴的改还是会有其他的问题，比如宽度过窄的时候会和最右侧的面板冲突，那具体要怎么做我也不继续详讲了，你可以自己尝试解决一下（更简单粗暴的方法是直接不让右侧面板显示了

            1. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
              @神代綺凜 嗯...好的...我去看看 期待大佬的回归
      2. 图安  Windows 7 x64 Edition(Windows 7 x64 Edition) / Firefox 58.0(Firefox 58.0)
        @神代綺凜 哈哈 有趣 先把博客一收藏 那我还可以小小期待下改动
  14. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
    度娘的图床也挂了
    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
      @nix 对哦。。我都忘了，吃完饭弄
      1. nix  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
        @神代綺凜 对了，刚刚去b站看了一下，你音游直播怎么没声音？
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
          @nix 好了，百度的应该行了
        2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.132(Google Chrome 63.0.3239.132)
          @nix 那是因为我obs之前拿去录朋友的switch奥德赛了，就把系统声音给叉掉了，结果没人告诉我
  15. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
    我是8.1.3版本的infinity，应该是最新版，在大哥你那些代码后面加个这个就可以屏蔽侧边推广了

    iframe,
.res_top_banner,
#foot,
#u>a .c-icon,
#imsg,
#page .fk,
#head .headBlock,
#ent_sug,
#rs_top_new,
#content_right,
#content_left>table,
#content_left>div[id*="30"],
#content_left .c-recommend,
#content_left .leftBlock,
#content_left .hit_top_new,
#content_left .rrecom-btn-parent,
#content_right,
#demo {
    display: none!important;
}
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
      @汪小菲 侧边也并不是都是无用信息，这段代码把有用的也给屏蔽完了……等期末过了我会针对侧边栏改进一下显示方式，加些更加自定义的选项之类的
      1. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
        @神代綺凜 老版的infinity不会出现那个问题但是新版会的，我刚刚试了一下
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
          @汪小菲 确实是，已经修复了，更新即可
          原来还出了个infinity pro的我都没注意到
  16. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
    大哥把百度的推广去了吧
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
      @汪小菲 印象中以前曾经研究过，百度推广结果在css中难以定位，因为是随机的class和id，并且并不是每个搜索页都会有推广，所以没有什么好的办法去除。建议直接用油猴脚本，去百度推广的有一堆
      1. 汪小菲  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
        @神代綺凜 还有就是我用的是infinity这个标签页插件，在这个上面直接百度出来的页面不会直接改变
        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 62.0.3202.89(Google Chrome 62.0.3202.89)
          @汪小菲 我也是用infinity的……你说的不会直接改变指的是样式？但是我这里没有任何问题……