外观
ML Bookmark Hub
ML Bookmark Hub 是一个简洁的新标签页书签管理扩展,用来在当前浏览器中整理和快速访问常用书签。
项目地址:https://github.com/MuluoXue/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”保存备份,再在新环境中导入。