PageSpark - AI 驱动的智能标签页管理与内容总结工具
从”标签堆积”到”知识库”的转变
项目简介
PageSpark 是我开发的一款 Chrome 浏览器扩展，旨在解决浏览器标签页堆积的痛点。作为一名知识工作者，我经常同时打开几十个标签页，导致浏览器卡顿，重要内容也难以找回。PageSpark 通过 AI 技术，将杂乱的标签页转化为结构化的知识卡片。
✨ 核心功能
🗂️ 智能标签页管理
- AI 自动分组：智能识别标签页内容并自动分类
- 批量操作：一键保存、关闭或导出多个标签页
- 自定义合集：创建主题合集，组织重要内容
- 快速搜索：通过关键词快速定位需要的标签页
🤖 AI 内容分析
- 智能总结：自动提取网页核心内容并生成摘要
- 关键词提取：识别文章的关键主题和概念
- 内容分类：自动将内容归类到相关主题
- 多语言支持：针对中英文内容深度优化
📚 阅读增强
- 阅读模式：去除广告和干扰元素，专注阅读
- 深色模式：保护眼睛的夜间阅读模式
- Notion 集成：一键将内容导出到 Notion 知识库
🛠️ 技术栈
| 层级 | 技术 |
|---|---|
| 前端扩展 | React 18 + TypeScript + Vite |
| UI 框架 | TailwindCSS + Radix UI |
| 后端服务 | Express.js + MongoDB + Redis |
| AI 服务 | Google Gemini / SiliconFlow / Groq |
| 认证授权 | Google OAuth 2.0 + JWT |
| 官网 | Astro + TailwindCSS |
| 部署 | Zeabur (后端) + Vercel (官网) |
🎯 产品亮点
-
智能合并建议：AI 分析多个相关页面，提供”智能合并”建议，生成一张综合知识卡片
-
中文优化：针对中文网站内容深度优化，识别效果优于国外同类产品
-
本地优先：大部分数据存储在本地，保护用户隐私
-
会员体系：免费版满足基础需求，Pro 版解锁高级 AI 分析功能
🚀 使用场景
- 研究调研：同时打开多篇论文、博客，AI 自动整理成知识卡片
- 求职准备：收集职位信息、公司资料，一键生成求职汇总
- 学习笔记：保存教程、文档，导出到 Notion 形成知识体系
- 项目管理：整理项目相关资料，快速分享给团队成员
📊 项目数据
- 开发周期：3 个月
- 代码量：约 2 万行
- 技术栈：全栈 TypeScript
- 部署状态：已上线运营
🔗 相关链接
- 🌐 官网：https://pagespark.zeabur.app
- 💻 GitHub：https://github.com/yaolinhui/notion-summarizer
- 📦 Chrome 应用商店：（待上架）
如果你也是标签页”囤积症患者”，欢迎试用 PageSpark，让你的浏览器焕然一新！