神代綺凜

[Bilibili-Style] 哔哩哔哩 Nekopara B站网页萌化主题
最后更新时间:2018-05-27 【修复了视频界面的若干细节问题,以及iframe背景问题】 目前还剩一个功能按...
扫描右侧二维码阅读全文
02
2017/09

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

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

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

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

Bilibili萌化 ネコパラ

目前状态

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

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

效果预览

视频大小约12MB

使用

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

Github 存档:

不知道怎么使用stylish萌化请看:
由于目前Stylish被爆隐私问题,请换用Stylus,使用教程将在我考完试以后重写

样式目前应用的情况

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

主要功能

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

注意事项

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

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

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

Leave a Comment

310 comments

  1. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)

    在视频播放界面播放器全屏下,在右侧有一块白色的区域,刚好与呼出播放器右侧的面板一样大小,那白色区域隐藏不了 全屏时看着有点不舒服
    请问楼主可以隐藏了这块白色的区域么?(看到回复一下)
    谢谢啦(ฅ´ω`ฅ)

  2. 学习笔记Blog  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    哇,好二次元的博客呀!厉害呀!

  3. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)

    用stylus显示不了 背景图

    1. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)
      @清晨的小麋鹿

      用Stylish我会换背景图 但是用stylus就换不行了

      1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)
        @清晨的小麋鹿

        请说明
        1、你进行的操作
        2、你期望的效果
        3、实际的效果

        1. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)
          @神代綺凜

          我在Stylish网站中已经设置好想要上传的图片,然后安装风格。打开B站背景是白色的,不知道为什么。
          那我重新在安装,不用自定义的图片用风格自带的背景,一样是白色的。

          我之前是用tylish这个的时候是,上传图片获取URL然后填进去的这个方法修改背景的
          但是用Stylus填进去 在打开B站一样是白色的背景(填进去的URL是显示红色的)

  4. edpage  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    emmm,为啥在我21:9的屏幕上猫耳会被顶部挡住啊!

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

      超宽屏……因为壁纸等比缩放的缘故会这样,因为没钱所以没考虑到这种情况23333

  5. 贫僧不是和尚  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)

    300条评论看完了QAQ,小白一枚,膜拜一下φ( ̄∇ ̄o)

  6. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 66.0.3359.139(Google Chrome 66.0.3359.139)

    楼主我想自定义我自己喜欢的图片 但是自定义不了 不知道为什么
    楼主看到请回复一下 谢谢

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
      @清晨的小麋鹿

      使用图床上传图片获取URL然后填进去

      1. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)
        @神代綺凜

        嗯嗯已经解决了 谢谢楼主啦
        那 楼主知道为什么在stylish里自定义不了么? 我用stylish其他的也是这样自定义不了
        想在你这里注册个号但是打开注册页面就显示404

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
          @清晨的小麋鹿

          读题啊读题,请去样式页面读 Notes from latest update

          本博客不开放注册

          1. 清晨的小麋鹿  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.84(Google Chrome 68.0.3440.84)
            @神代綺凜

            好吧 背景已经搞定了 谢谢啦

  7. 爱的温度  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 61.0(Firefox 61.0)

    大佬最近B站网页版新版本Bilitube上线了,要不考虑下添加一个自动切换到新版的功能?OωO

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.75(Google Chrome 68.0.3440.75)
      @爱的温度

      还在试用阶段吧,在没有正式更换UI之前我是不会动的 (懒炸了

      1. 爱的温度  Windows 10 x64 Edition(Windows 10 x64 Edition) / Firefox 61.0(Firefox 61.0)
        @神代綺凜

        (滑稽滑稽滑稽|´・ω・)ノ

  8. shine  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)

    发现b站新板式评论区会变透明,原来的是白板。感觉透明的这种还可以OωO

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

      希望我的工作量会越来越轻(

  9. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)

    期待你考完试后带来B站新界面的萌化ヾ(≧∇≦*)ゝ
    虽然肯定很辛苦了

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

      当然已经考完试了(等b站正式使用我才会去做

      1. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
  10. ~魔法使之家~  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)

    可以,非常萌!

  11. 君华  Windows 7 x64 Edition(Windows 7 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)
      @君华

      网页第三方样式
      自行浏览 https://userstyles.org

      1. 黑天SkuKaLaurt  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)
          @黑天SkuKaLaurt

          没听懂

  12. 君华  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)

    不懂这是什么东西....请教下

  13. 咸鱼  Windows 7 x64 Edition(Windows 7 x64 Edition) / Maxthon 5.1.5.2000(Maxthon 5.1.5.2000)

    我的妈,今天打开B站整个页面都变样了什么情况.新版?

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
      @咸鱼

      目前可以试用新版页面,以后有的改了

  14. Sk_god  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 63.0.3239.26(Google Chrome 63.0.3239.26)

    我想问问那个TG频道是啥呀,不科学上网还过不去

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.87(Google Chrome 67.0.3396.87)
  15. antiope  Android 8.0.0(Android 8.0.0) / Google Chrome 67.0.3396.87(Google Chrome 67.0.3396.87)

    stylish因为窃取用户历史浏览数据被Firefox和chrome下架了。。。。。

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

      立即更换Stylus

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

        stylus可以导入stylish的样式吗?|´・ω・)ノ

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

          一直都可以

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

        我当时觉得推广这个插件是对的..(官方没给我费用 ) stylish强制更新然后覆盖全屏提示需要获取权限的时候我就知道这货是啥玩意了..

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

          人人喊打

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

    B站有了新版页面,ヾ(≧∇≦*)ゝヾ(≧∇≦*)ゝ

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

      哪儿?(不过要改什么也等考完试再说

      1. 油条  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 67.0.3396.87(Google Chrome 67.0.3396.87)
          @油条

          有一种要推倒重写的不详预感

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

            视频播放界面右侧有个粉红“试用新版”按钮,变化确实很大

  17. 洪荒之都  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3464.0(Google Chrome 69.0.3464.0)

    不知道什么时候开始,网页里面背景图就加载不出来了,我重新安装也没用(´இ皿இ`)

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.87(Google Chrome 67.0.3396.87)
      @洪荒之都

      最近网络不知道什么原因,貌似都基本连不上Github,我背景图是放Github Page上面的,准备弄一个反代先暂时撑一下

      1. AMD YES!  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
        @神代綺凜

        可能是某些运营商有私墙,才连不上Github

        1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
          @AMD YES!

          不清楚,不过前阵子网络很差是真的,最近稍微好一点
          我把图片资源迁到coding了位于HK,现在已经不怕了

          1. AMD YES!  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
            @神代綺凜

            我当年就是被移动的私墙坑死,换了电信就好很多了OωO

            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 67.0.3396.99(Google Chrome 67.0.3396.99)
              @AMD YES!

              按理来说移动的外网环境才是最好的吧

              1. AMD YES!  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 55.0.2883.87(Google Chrome 55.0.2883.87)
                @神代綺凜

                按理没用,实际体验才是对的

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

    我是看ua的

    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
  19. 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

          空的更多了海星

  20. 油条  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)
      @油条

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