神代綺凜

[Bilibili-Style] 哔哩哔哩 Nekopara B站网页萌化主题
最后更新时间:2018-05-27 等B站正式实装新UI中
扫描右侧二维码阅读全文
02
2017/09

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

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

等B站正式实装新UI中

Bilibili萌化 ネコパラ

临近毕业事情较多,暂停维护

完事打算推倒重写

目前状态

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

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

效果预览

视频大小约12MB

使用

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

Github 存档:

不知道怎么使用stylish萌化请看:
由于目前Stylish被爆隐私问题,请换用Stylus

样式目前应用的情况

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

主要功能

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

注意事项

  1. 为了能看到播放器相关萌化及功能,建议使用HTML5播放器
  2. 如发现视频播放界面右侧功能按钮图标显示异常,请尝试刷新页面,一般可以解决。如果问题依旧,请尝试在此 Stylish 样式自定义选项中更换字体源。
  3. 由于是想到什么就改什么,所以更新频率大概会很莫名
    由于学业不堪重负,怠惰了怠惰了(。
    大概平时就只有时间修修bug什么的,大改&添加新样式还是等放长假吧……
    明明是大三却过着高三般的生活,奉劝还没上大学的各位一句:
    没事就不要在大学双修!!!
我的文章对您有帮助吗?
我很可爱 请给我钱
扫一扫拿红包 → 扫商家收款码 → 花呗支付比红包多1分钱的金额
既可免费赞赏,又可完成支付宝支付任务!
Last modification:November 30th, 2018 at 04:54 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

344 comments

  1. 木名小威  Windows 10 x64 Edition(Windows 10 x64 Edition) / Opera 56.0.3051.116(Opera 56.0.3051.116)

    建议添加文本描边以及改色选项,不然壁纸颜色太深会看不清字(๑•̀ㅁ•́ฅ)

  2. ArrayCat  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.110(Google Chrome 70.0.3538.110)

    看番的时候倒是没问题了,但是在看视频的时候就会出现标题栏下面没有留白造成标题文字看不清楚问题,咋搞呢

    1. ArrayCat  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.110(Google Chrome 70.0.3538.110)
      @ArrayCat

      我试了下好像是因为B站新版播放器的问题??

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

        因为最近事情多还没有为新版播放器编写样式

        以后会完全重写

  3. uiiiiii  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 70.0.3538.102(Google Chrome 70.0.3538.102)
      @uiiiiii

      coding pages 服务器不知道出什么问题了,目前暂时换回 github pages 了,应该正常了

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

        感谢,可以了,就是图片刷出来需要等一点点时间

  4. 失足少女  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.33(Google Chrome 68.0.3440.33)

    大佬啊,今天艹猫的背景莫得了

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.102(Google Chrome 70.0.3538.102)
      @失足少女

      coding pages 服务器不知道出什么问题了,目前暂时换回 github pages 了,应该正常了

  5. 阿飞  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.67(Google Chrome 70.0.3538.67)

    你好,我的博客也是用的这个主题,但是访问速度很慢,怎样做优化,才能提升速度呢?OωO

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.102(Google Chrome 70.0.3538.102)
      @阿飞

      抱歉,我也没有什么好的意见,最基本的就是选个线路好的主机吧

  6. 月がきれい  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 69.0.3497.100(Google Chrome 69.0.3497.100)
      @月がきれい

      不存在的(当然如果仅仅只改配色而不去做其他特效的话是很容易的

      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 69.0.3497.100(Google Chrome 69.0.3497.100)
          @月がきれい

          差不多

  7. seasmogchan  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 70.0.3538.67(Google Chrome 70.0.3538.67)

    这几天首页在线人数下面那张小猫的图被插件uBlock屏蔽了。是因为B站在这个位置放置了广告吗?(ó﹏ò。)

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

      是的,我特地把广告图片隐藏,换成了这个
      你可以直接针对b站不开启uBlock,本样式已经屏蔽了所有广告

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

        我目前在试用新版播放器,不开uBlock。在相关视频列表上面会出现广告。好纠结啊23333
        话说新播放器总体还不错,就是目前bug好多٩(ˊᗜˋ*)و

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

          我一直没用懒得切,大概都有什么bug

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

            主要还是全屏时鼠标指针不隐藏 默认清晰度经常不能选择最高清晰度等等。话说有人基于你的萌化主题先行弄了个新版本的样式出来了 https://userstyles.org/styles/163004/bilibili 不过感觉他搞了太多div之类的使得整体都是一块一块的割裂感严重

            1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.100(Google Chrome 69.0.3497.100)
  8. vfw  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.100(Google Chrome 69.0.3497.100)

    博主我想知道这个动图二维码怎么做

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.100(Google Chrome 69.0.3497.100)
  9. 余生  Android 5.1(Android 5.1) / Google Chrome 57.0.2987.108(Google Chrome 57.0.2987.108)
    博主 我想知道这是干啥用的|´・ω・)ノ
    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 69.0.3497.100(Google Chrome 69.0.3497.100)
      @余生

      网页第三方样式

  10. 惠痴君  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    有一个问题就是我经常上的新番时间表这个界面没有萌化

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

      目前暂时不打算再改什么了,等新UI

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

        可行 毕竟新版迟早是要取代旧版的

  11. claymore  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    ヾ(≧∇≦*)ゝ博客做的挺漂亮

  12. 惠痴君  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    自定义总是会卡在那里

  13. 阿福坐飞鸡  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    真·萌新。还有这种好东西

    1. 神代綺凜  Windows 10 x64 Edition(Windows 10 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)
  14. 抵着幽蓝  Windows 7 x64 Edition(Windows 7 x64 Edition) / Google Chrome 68.0.3440.106(Google Chrome 68.0.3440.106)

    stylish被chrome提示违反了 Chrome 网上应用店政策是什么原因呢

    1. 神代綺凜  Mac OS X(Mac OS X) / Safari(Safari)
      @抵着幽蓝

      背地收集用户的浏览行为,违反隐私条例

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

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

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

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

  17. 清晨的小麋鹿  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是显示红色的)

  18. 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

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

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

  20. 清晨的小麋鹿  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)
            @神代綺凜

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