跳到内容
← 返回项目列表已完成JavaScriptChrome Extensions Manifest V3chrome.storage.localGitHub ↗

ML Bookmark Hub ​

ML Bookmark Hub 是一个简洁的新标签页书签管理扩展,用来在当前浏览器中整理和快速访问常用书签。

项目地址:https://github.com/MuluoXue/ml-bookmark-hub

ML Bookmark Hub 书签主页界面
新标签页中的书签分组、搜索和快捷访问界面。

功能 ​

  • 按分组管理书签
  • 按名称、链接、备注和标签搜索
  • 为书签添加多个标签和备注
  • 使用浏览器本地存储保存数据
  • 通过 JSON 导入和导出数据
  • 导入时自动跳过重复链接,并在导入前保留当前数据备份

技术实现 ​

项目不依赖前端框架,使用原生 JavaScript 和 Chrome Extensions Manifest V3。书签数据保存在当前 Chrome 个人资料的 chrome.storage.local 中,不经过服务器,也不依赖云同步。

使用方式 ​

第一步:下载项目 ​

打开 GitHub 仓库,点击 Code → Download ZIP 下载项目压缩包,或者使用 Git:

bash
git clone https://github.com/MuluoXue/ml-bookmark-hub.git

如果使用 ZIP,先解压文件。后续选择的是包含 manifest.json 的项目目录。

第二步:打开 Chrome 扩展程序页面 ​

在 Chrome 地址栏打开:

text
chrome://extensions/

打开右上角的“开发者模式”。

第三步:加载扩展 ​

点击“加载已解压的扩展程序”,选择 ml-bookmark-hub 项目目录。确认目录中能直接看到 manifest.json、index.html 和 app.js,不要选择外层下载目录。

加载成功后,打开一个新标签页,ML Bookmark Hub 就会成为新的标签页主页。

第四步:开始管理书签 ​

  • 点击“新建书签”添加书签。
  • 使用左侧分组切换分类,也可以创建、重命名和删除分组。
  • 使用搜索框按名称、链接、备注或标签筛选。
  • 在右上角菜单中导入或导出 JSON 数据。

第五步:备份数据 ​

书签数据保存在当前 Chrome 个人资料的本地存储中,不会自动同步到云端。更换电脑、清理浏览器数据或卸载扩展前,先使用“导出 JSON”保存备份,再在新环境中导入。