[Bilibili-Stylish] 哔哩哔哩 Nekopara B站网页萌化主题

最后更新时间:2018-05-27

【修复了视频界面的若干细节问题,以及iframe背景问题】

目前还剩一个功能按钮没有还原,拖更中(双修的大三是真的爆炸

Bilibili萌化 ネコパラ

目前状态

已经基本稳定√
大部分萌化已完成,今后有时间有新点子会一点点添加并完善。

如果发现了什么问题,或者有好的功能及外观建议,可以在这里反馈,这样我就能第一时间收到。
由衷感谢发现问题和提出意见建议的各位,以及正在使用这个萌化的你我TA。

效果预览

视频大小约12MB

使用

查看截图/更新日志以及安装:

Github 存档:

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

样式目前应用的情况

  • 大部分UI
  • B站主页(暂不包括视频分类主页)
  • 视频播放界面(普通视频 & 番剧 & 稍后再看)
  • 动态
  • 空间
  • 搜索
  • 消息

主要功能

  • 可自定义背景 (new)
  • 去页面推广、广告
  • 隐藏了视频顶部消息栏
  • 在视频播放界面播放器 全屏网页全屏 状态下,将鼠标放在右侧边缘可呼出播放器右侧面板
  • 隐藏了早已失效的lolivector插件UI
  • 视频播放界面bilibili助手插件功能按钮的萌化适配
  • 兼容油猴哔哩哔哩(bilibili.com)播放器调整脚本中自定义播放器大小的功能

注意事项

  1. 为了能看到播放器相关萌化及功能,建议使用HTML5播放器
  2. 如发现视频播放界面右侧功能按钮图标显示异常,请尝试刷新页面,一般可以解决。如果问题依旧,请尝试在此 Stylish 样式自定义选项中更换字体源。
  3. 由于是想到什么就改什么,所以更新频率大概会很莫名
    由于学业不堪重负,怠惰了怠惰了(。
    大概平时就只有时间修修bug什么的,大改&添加新样式还是等放长假吧……
    明明是大三却过着高三般的生活,奉劝还没上大学的各位一句:
    没事就不要在大学双修!!!

搬瓦工VPS优惠套餐又又又补货啦,建站稳如狗,支持支付宝,循环出账94折优惠码BWH1ZBPVK
①年付仅需$18电信联通直连的亚洲优化线路,1核/512M内存/10G硬盘/1000GB@1Gbps【点击购买
②年付$18的可换成CN2线路(流量会变为180G),1核/512M内存/10G硬盘/500GB@1Gbps【点击购买
③年付$28的电信CN2联通直连线路,1核/512M内存/10G硬盘/500GB@1Gbps【点击购买】(购买后请到后台切DC8机房以获得最佳体验)

我的文章对您有帮助吗?
我很可爱 请给我钱
扫一扫拿红包 → 扫商家收款码 → 转账与红包相等的金额
即可免费赞赏,又可拿支付宝奖励金!
现在支付宝超抠门的,红包只给一两分钱了
Last modification:May 27th, 2018 at 02:50 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

260 comments

  1. abc123xyz  GNU/Linux x64(GNU/Linux x64) / Mozilla Compatible(Mozilla Compatible)

    我是看ua的

    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
  2. DeYong  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)

    宽屏模式下再打开网页全屏下方还是空了,但不是空白

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @DeYong

      稍微修复了一下,不过没办法完全修好这个问题

      这是由于B站是用javascript控制弹幕列表里项的显示个数,控制成刚好能填满当前高度的弹幕列表,而这个个数只有用滚轮滚动时才会更新,因此当网页全屏或全屏时,弹幕列表高度发生了变化,但由于没有滚动所以显示项的数目不会更新,只有你滚动之后才会正常显示

      1. DeYong  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
        @神代綺凜

        辛苦你修复了,这次比上次空的更多了

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
          @DeYong

          空的更多了海星

  3. 油条  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)

    老哥求一个可以屏蔽首页右侧功能栏的代码,付一个自己的图http://p33paf58n.bkt.clouddn.com/1.jpg

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @油条

      你指的是右边那个板块指示器?

  4. Deeran  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)

    话说先感谢你的萌化 ,但是这17号更新后,我这用着就出BUG了,全屏模式下,右侧方会出现区域空白( 正好是个推荐页大小),望修复下.[还有个问题,你notes写的:开发者工具(F12)搜索"div#bofqi.scontent"这段,为啥我用了油猴脚本后按f12没找到这段呢?有按照你说的先关闭再开的].

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @Deeran

      刚刚去修复了,更新即可

      至于兼容那个设置,本来是针对按钮功能栏设置的,但是鉴于我目前一直拖更不知道什么时候能恢复所以这个兼容设置暂时已经不需要了,删掉了

      1. Deeran  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
        @神代綺凜

        不知道是不是Cent浏览器特色.还是出侧边栏BUG.现在我只能每次出BUG的时候停用再打开就好了.最后再次感谢~

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
          @Deeran

          看来是特色

          1. Deeran  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
            @神代綺凜

            机缘巧合之下,我去到了谷歌市场,下载了一个船新的插件---Stylus (对,不是Stylish),居然没八阿哥了... 特来反馈下...顺便提醒下后面的观众,出八阿哥都是Stylish的锅,不是作者的锅! 最后再次感谢你的萌化~~

            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
              @Deeran

              emmmm还有这种事么

  5. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3434.0(Google Chrome 68.0.3434.0)

    发现一个小问题:网页全屏时侧边栏下方有一片区域空白。全屏时正常

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @seasmogchan

      已修复,更新即可

  6. 青山  Windows 7 x64 Edition(Windows 7 x64 Edition) / Sogou Explorer(Sogou Explorer)

    视频看不了

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @青山

      之前不小心把hsts设置成全站了搞到这个资源也默认htttps了,找个时间搬到别的地方

  7. 伊斯坦不饿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)

    1920*1200分辨率下网页全屏右边会出现问题弹幕列表闪现以及右下角发送弹幕按钮消失

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
      @伊斯坦不饿

      你已经更新了最新版样式了吗,这个问题应该在昨天的更新就已经被修复了

      1. 伊斯坦不饿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @神代綺凜

        刚刚更新过了下侧边没问题了,右下角发送弹幕按钮还是那样有时候会多一行出来发送弹幕按钮在第二行,1080p显示器没问题,1200p还是那样⌇●﹏●⌇浏览器Cent Browser3.2.4.23

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
          @伊斯坦不饿

          那这个我可能解决不了……没有1200p的显示器

          1. 伊斯坦不饿  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
            @神代綺凜

            清理了下浏览器缓存居然好了φ( ̄∇ ̄o)

            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
  8. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3432.0(Google Chrome 68.0.3432.0)

    搜索界面出现番剧的话,会溢出。而且番剧的封面会被一个白色透明图层遮盖
    顺便问一下,样式自定义修改选项后怎么保存?

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan

      已经修复

    2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan

      了解了
      在userstyle页面选好自定义选项之后点update style就行了,但是由于userstyle自己的原因,现在没办法记住选项,每次升级样式都要重新选……

  9. 月がきれい  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)

    我用的Stylus,一直检测不到更新呢。。。

    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
      @月がきれい

      stylish是userstyle官方唯一指定插件(

      1. 月がきれい  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 64.0.3282.140(Google Chrome 64.0.3282.140)
        @神代綺凜

        Chrome 版 Stylish 开始收集用户数据
        https://www.solidot.org/story?sid=51017

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.181(Google Chrome 66.0.3359.181)
          @月がきれい

          我倒是一直关着那个向Stylish开发人员发送匿名数据的……

  10. ushio  Windows 7 x64 Edition(Windows 7 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 66.0.3359.139(Google Chrome 66.0.3359.139)
      @ushio

      了解,中午还好好的,b站又改了什么……

      1. ushio  Windows 7 x64 Edition(Windows 7 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 66.0.3359.139(Google Chrome 66.0.3359.139)
          @ushio

          修好了,更新即可

          1. ushio  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
            @神代綺凜

            好了,感谢大佬o(*///▽///*)q

  11. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)

    hello。昨晚今晚背景图片都加载缓慢。不知道是否是图站传输出现了问题。
    浏览器:66.0.3359.170(正式版本) (64 位)
    以及 68.0.3428.0(正式版本)canary (64 位)

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan

      更换完了,更新即可

      1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
        @神代綺凜

        又发现个问题了。视频页播放器下面的“用手机看”鼠标移上去后出来的二维码会被播放器挡住。关闭stylish后不会挡住

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
          @seasmogchan

          修复了,我终于还是体会到了自己修的每一个bug都会产生新的bug是什么感觉

          1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
            @神代綺凜

            不过番剧区似乎没有这个问题

          2. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
            @神代綺凜

            辛苦了!

            1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3428.0(Google Chrome 68.0.3428.0)
              @seasmogchan

              又发现问题了。网页全屏,视频会被网页banner和导航栏挡住

              1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
                @seasmogchan

                我发现这个问题根源是b站的问题,不开样式的时候也是会挡住……
                这个z-index太迷了,根本不知道是什么机制,和我想象的完全不一样,根本没办法修
                姑且先恢复原来的样子了,挡一点也没事反正

    2. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
      @seasmogchan

      是的,最近国内到cloudcone的网络有点问题,而且我打算换一个资源域名,一会会把资源迁到GithubPage上,完成了我再通知你

  12. ushio  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)

    老哥,我今天这边萌化没了,怎么解决

    1. ushio  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 62.0.3202.94(Google Chrome 62.0.3202.94)
      @ushio

      好吧,重启了下电脑他自己又蹦出来了ヾ(´・ ・`。)ノ"

      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)
        @ushio

        最近准备给萌化资源换个域名(

  13. 纸盒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3355.4(Google Chrome 66.0.3355.4)

    我尽力了∠( ᐛ 」∠)_

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @纸盒

      你加我qq发给我吧

  14. 纸盒  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3355.4(Google Chrome 66.0.3355.4)

    你好,推广那一栏的最后的图片稳定性有问题,经常性的空白,推荐魔改成4个封面在哪一栏中等距分布,如果实现起来太过于困难,有没有神马比较好的解决方案?
    感谢XD

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @纸盒

      推广……具体是哪个位置的,可以给一下截图看看吗

  15. 刘凡  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)
      @刘凡

      呃,不是默认就是打开的吗

  16. hendeliao  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 66.0.3359.117(Google Chrome 66.0.3359.117)

    lolivector已(/被)下架。。。找不到作者了...

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @hendeliao

      毕竟是超老的一个扩展……而且很久以前就不再维护了

  17. Annabel  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 53.0.2785.104(Google Chrome 53.0.2785.104)

    大大可以教下怎么设置当前在线页面的应用这个样式吗

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @Annabel

      文章中有给出stylish插件使用教程

  18. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)

    进度条的样式没了

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @a1025

      注意事项:
      1、为了能看到播放器相关萌化及功能,建议使用HTML5播放器

      1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
        @神代綺凜

        才发现用着的是flash播放器
        以前一直都是用html5的,突然就给我换了

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
          @a1025

          23333

          1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
            @神代綺凜

            能把handsome的样式改的这么好看
            真的不容易呢

            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
              @a1025

              毕竟是魔改症末期患者

              1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
                @神代綺凜

                大佬就是大佬,够强
                我也在写blog,弄好以后交换友链怎么样[明示

                1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
                  @a1025

                  厚啊,内容只要不过于水的博客都欢迎

                  1. a1025  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 59.0(Firefox 59.0)
                    @神代綺凜

                    从底层开始写,累人啊
                    全部完成估计还得要几个月

  19. shulingege  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 59.0.3071.115(Google Chrome 59.0.3071.115)

    大佬。作为一个萌新只有支持了,学习了,

  20. 老杨  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)

    自定义背景怎么弄啊,想换一个背景

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 65.0.3325.162(Google Chrome 65.0.3325.162)
      @老杨

      在样式页面有个“Customize Settings”