Repolode
提交项目
jiuyang5354

jiuyang5354/bilibili-margin

一款浏览器扩展，为 B 站首页、搜索、播放和阅读页面换上新界面，保留原生播放器。

在 GitHub 查看
Star
666
Fork
44
未关闭 Issue
16
最近提交
8小时前

这是什么？

映间 MARGIN 是一款开源的浏览器扩展，用于重新设计哔哩哔哩（B 站）的界面。它为首页、搜索结果、视频播放页和阅读页提供更清晰的排版，并配有液态玻璃风格的控件，支持亮色、暗色和跟随系统三种主题。

播放页保留 B 站原生播放器、弹幕、评论和清晰度等操作，同时重新组织标题、UP 主卡片、选集与推荐列表。此外还提供推荐与搜索过滤、玻璃风格收藏抽屉、稍后再看、悬停预览、命令面板，以及记录首次打开时间和停留时长的本地足迹热力图。

设置、足迹和自定义背景保存在本机，可导出为 JSON 备份。天气卡片会通过第三方 IP 定位和 Open-Meteo 获取预报，相关服务会收到必要的 IP 或坐标信息。扩展支持 Edge、Chrome 和 Firefox 140 及以上版本，基于 TypeScript 与 Manifest V3 构建。

核心功能

  • 01重新排版首页、搜索、播放和阅读页面，保留原生播放器。
  • 02支持按关键词、UP 主、播放量和时长过滤推荐与搜索结果。
  • 03提供玻璃风格收藏抽屉和稍后再看列表。
  • 04基于本地记录生成年 / 月足迹热力图。
  • 05内置 13 款动态背景，可上传自定义图片，支持亮色、暗色和跟随系统主题。
  • 06设置与足迹可导出、导入 JSON 备份。

适用场景

  • 希望在 B 站上获得更简洁、少干扰界面的日常浏览。
  • 通过过滤条件快速筛选搜索结果和推荐内容。
  • 借助本地足迹热力图回顾自己的观看习惯。

快速上手

  1. 1

    从最新版本下载 margin.zip 并解压到固定文件夹

  2. 2

    打开 edge://extensions 或 chrome://extensions，开启开发者模式

  3. 3

    点击加载已解压的扩展程序，选择包含 manifest.json 的文件夹

  4. 4

    打开或刷新 B 站

使用前须知

  • Firefox 通过 zip 临时载入的扩展重启后会被移除。
  • 不支持 Safari。
  • 手动加载的版本需要手动更新。
  • 天气功能会将 IP、城市或坐标信息发送给第三方服务。

收录于专题

Chrome 与浏览器扩展

标签

#browser-extension#bilibili#chrome-extension#edge-extension#firefox-addon#typescript#manifest-v3#theme

常见问题

bilibili-margin 是什么？
一款浏览器扩展，为 B 站首页、搜索、播放和阅读页面换上新界面，保留原生播放器。 映间 MARGIN 是一款开源的浏览器扩展，用于重新设计哔哩哔哩（B 站）的界面。它为首页、搜索结果、视频播放页和阅读页提供更清晰的排版，并配有液态玻璃风格的控件，支持亮色、暗色和跟随系统三种主题。
bilibili-margin 可以免费使用吗？用的什么许可证？
bilibili-margin 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
bilibili-margin 还在维护吗？
活跃维护中。bilibili-margin 最近一次提交是在 2026年11月7日。
bilibili-margin 适合用来做什么？
希望在 B 站上获得更简洁、少干扰界面的日常浏览。 通过过滤条件快速筛选搜索结果和推荐内容。 借助本地足迹热力图回顾自己的观看习惯。
bilibili-margin 怎么安装和运行？
从最新版本下载 margin.zip 并解压到固定文件夹 打开 edge://extensions 或 chrome://extensions，开启开发者模式 点击加载已解压的扩展程序，选择包含 manifest.json 的文件夹 打开或刷新 B 站
在哪里获取 bilibili-margin？
源代码和安装说明在 GitHub 上：https://github.com/jiuyang5354/bilibili-margin

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目