今日推荐项目 #02：Tab Harbor，AI 智能书签管理 Chrome 扩展
[!TIP] Tab Harbor 把浏览器新标签页改造成 AI 书签中枢：收藏即自动打标分类、
Ctrl/Cmd + K全局秒搜、AI 一键整理 "吃灰" 书签库，密钥纯本地存储，配合 DeepSeek API 便宜大碗——书签越多越值。《今日推荐项目》系列第 02 期。这个系列不定期更新，每期挑一个我实际用过、觉得值得安利的开源项目，讲清楚它是干嘛的、怎么装、怎么用、有什么坑。点击站内「今日推荐项目」分类可以看全部期数。
收藏夹大概是每个浏览器重度用户最 "脏" 的地方：点了成百上千个星标，标签栏密密麻麻，真到想找某个网页时却怎么都翻不到。Tab Harbor 就是冲着这个痛点来的——用 AI 把书签管理这件事彻底自动化。
一、项目简介
Tab Harbor（GitHub 仓库名 MarkPage）是一个极简 Linear 风格的 Chrome 新标签页扩展，核心定位一句话：AI 自动分类、标签整理、美观新标签页。
| 项目 | 信息 |
|---|---|
| 项目地址 | https://github.com/Yeung9203/MarkPage |
| 作者 | Yeung9203 |
| 开发语言 | TypeScript + Vite（原生 DOM，无运行时框架） |
| 平台 | Chrome / Chromium 系（Manifest V3） |
| 开源协议 | MIT |
| 热度 | Star 10 / Fork 1（截至 2026-09） |
| 最近更新 | 2026-07（书签悬浮预览 + 一批安全与数据正确性修复） |
它把 "新标签页" 这个每次开浏览器都会看到的位置，改造成了书签的智能工作台：左侧分类导航 + 顶部常用站点 + 全局搜索，视觉上走的是 Linear 那种克制、留白、可自定义主色的路线。
二、核心功能
- AI 自动打标 / 分类：新增书签时，后台自动调用 AI 推荐标签与归类，收藏即归档，不用再手动建文件夹拖拽
- AI 一键整理旧书签：扫描堆积如山的乱码书签，自动建立逻辑清晰的标签体系并分门别类
- 统一搜索：
Ctrl/Cmd + K全局呼出，支持书签名、标签、甚至拼音首字母混搜 - 标签管理：侧边栏双击重命名、悬浮删除，AI 还能一键合并混乱的标签体系
- 常用站点：右键"设为常用"，直接钉在新标签页顶部
- 书签悬浮预览：鼠标悬停书签行弹出页面截图预览，本地 IndexedDB 快照、零外部请求
- 主题与强调色：深浅色、系统跟随、自定义主色
三、适用场景
- 书签堆积成灾的老用户：几百上千个书签没分类，AI 一键理清，这是它最爽的场景
- 高频收藏党：看到好文章就收藏，后台 AI 已经算好了最合适的标签
- 键盘流选手：不想点鼠标翻菜单，
Ctrl/Cmd + K敲两下直接跳 - 颜值党：受够了新标签页冷冰冰的默认样子，Linear 风 + 自定义主色很对味
[!NOTE] 目前只支持 Chrome / Chromium 系（Edge 也能装），Firefox / Safari 用户暂时用不上。
四、安装与配置
项目尚未上架 Chrome 商店，需要从源码构建后以 "开发者模式" 加载：
- 克隆仓库并安装依赖：
git clone https://github.com/Yeung9203/MarkPage.git
cd MarkPage
npm install
- 构建产物：
npm run build
构建完成后会在项目根目录生成 dist/ 文件夹。
-
在 Chrome 中加载扩展：打开
chrome://extensions→ 右上角开启「开发者模式」→ 点击「加载已解压的扩展程序」→ 选择项目下的dist/目录。 -
打开一个新标签页即可看到 Tab Harbor。
配置 AI（配合 DeepSeek）
扩展本身可以纯离线用，但 AI 能力需要配一个兼容 OpenAI 的 API：
- 点击新标签页左下角的「设置」
- 打开 AI 功能开关
- 填入三项：API Base URL（如
https://api.deepseek.com/v1）、API Key、模型名（如deepseek-chat）
[!TIP] 强烈建议配合 DeepSeek API 服用，便宜大碗速度快。密钥仅保存在本地
chrome.storage.local，不会上传任何服务器。
五、使用教程
- 日常收藏：正常用浏览器收藏网页，后台 AI 会自动打标归类，无需额外操作
- AI 整理旧书签：进入扩展触发「AI 整理」，让它扫描并重建标签体系
- 快速检索：任意页面按
Ctrl/Cmd + K唤出搜索，输入书签名 / 标签 / 拼音首字母 - 设常用：右键高频网站「设为常用」，钉在顶部快速访问
六、注意事项与常见问题
注意事项
- AI 功能需要自备 API Key（DeepSeek 等），不填 Key 的话只能手动整理
- 项目还很年轻（仓库 2026-04 才建），功能迭代快，遇到问题可以到仓库提 issue
- 从源码构建需要本机有 Node.js 环境，纯小白用户会有一点门槛
[!CAUTION] AI 一键整理会批量移动书签。虽然项目已提供「撤销」能力，但动手前建议先用 Chrome 书签管理器的「导出书签」备份一份 HTML，以防万一。
常见问题
| 问题 | 解答 |
|---|---|
| 下载不动 / 打不开 GitHub？ | 国内网络访问 GitHub 不稳定，换时段重试或用常见的 GitHub 镜像 / 加速服务 |
| AI 不生效？ | 先确认左下角设置里 AI 开关已打开，且 Base URL / API Key / 模型名三项都填对 |
| 点 Save 一直卡在 Saving...？ | v1.0.2 已修复（MV3 Service Worker 冷启动超时），拉最新代码重新构建 |
| 分类重复建文件夹？ | 早期 bug 已修复（改为递归查找分类），拉最新代码即可 |
| 隐私安全吗？ | 书签数据只存在本地 Chrome；AI Key 存本地 chrome.storage.local；悬浮预览截图走本地 IndexedDB，零外部请求——AI 调用只把你让模型处理的书签元数据发给所配置的 API |
结语
Tab Harbor 属于那种 "书签越多越值" 的工具：收藏量小的用户可能无感，但一旦收藏夹乱成了玄学，AI 一键整理 + 键盘秒搜的爽感是实打实的。项目还在早期，功能和稳定性都在快速打磨，适合愿意尝鲜、又正好被书签管理折磨的朋友。
以上就是《今日推荐项目》第 02 期。如果你有想让我测一测、写一写的开源项目，欢迎在评论区留言。