告别杂乱无章的浏览器书签，用 Notion 和 Vercel 搭建属于自己的、美观且高效的链接导航页面。轻松管理、分类和分享您的数字资源！

📖 工具概览 (Overview)

🌟 亮点功能 (Key Features)

• ✨ Notion 即后台：直接使用您熟悉的 Notion 数据库管理所有链接数据，无需学习新的后台系统。

• 🌐 Vercel 一键部署：通过 Vercel 平台，整个部署过程简单快捷，几分钟即可上线。

• 🎨 主题自定义：支持浅色与深色模式，并允许自定义网站标题、描述、Logo 及背景图，打造个性化外观。

• 🏷️ 灵活分类：通过 Notion 数据库的 Select 或 Multi-select 属性对链接进行分类，网站会自动生成分类导航。

• 🔗 链接卡片展示：以美观的卡片形式展示每个链接，包含标题、描述、图标（自动获取或自定义）和链接地址。

• 📱 响应式设计：无论在桌面还是移动设备上，都能提供良好的浏览体验。

• 🔍 （可选）集成分析工具：支持集成 Google Analytics 和 Microsoft Clarity，追踪网站访问数据。

🛠️ 快速上手指南 (根据 README 简化)

1. 准备 Notion 数据库:
• 复制官方提供的 Notion 模板 到您自己的 Notion 工作区。
• 您会得到三个核心数据库：Navigation Links (导航链接), Website Config (网站配置), Categories (分类)。
• /callout 重要提示：确保您的 Notion Integration (集成) 有权限访问这些数据库。

2. 获取 Notion API Token 和 Database IDs:
• 前往 Notion Integrations 创建一个新的集成 (Integration)，并复制您的 Internal Integration Token。
• 分别打开 Navigation Links, Website Config, Categories 三个数据库页面，从浏览器地址栏中复制它们的 Database ID。
• Database ID 是 URL 中 your-workspace/ 之后，?v= 之前的那串字符。
• /截图建议：此处可以配一张图，清晰标示出 Notion Database ID 在 URL 中的位置。

3. 在 Vercel 上部署:
• 点击项目 README 中的 "Deploy with Vercel" 按钮，或直接访问 Vercel 项目创建链接。
• 登录您的 Vercel 账户 (可以使用 GitHub 账户)。
• 在 "Configure Project" 页面，填入上一步获取的 Notion Token 和三个 Database ID 到对应的环境变量中：
• 查找 Database ID：ID 是 Notion 页面 URL 中 ?v= 前面的那长串字符。
• /截图建议：展示在 Notion URL 中如何找到 Database ID，以及 Vercel 环境变量设置界面。
• 启动：部署完成后，Vercel 会为您提供一个域名来访问您的新导航网站！

🎯 实用案例 (Practical Use Cases)

• 🧑‍💻 对于开发者:
• 整理文档链接、GitHub 仓库、Stack Overflow 帖子和开发工具。
• 为不同的编程语言、框架或项目创建分类。
• /columns (此处使用2列并排展示益处)
• 益处 1: 快速访问常用资源，提升工作效率。
• 益处 2: 与团队成员或开发者同行分享您精选的资源列表。

• ուսանողներ 对于学生和研究人员:
• 汇编学术论文、在线图书馆、研究工具和课程资料的链接。
• 按学科、项目或研究主题进行分类。
• /callout 小技巧: 嵌入指向您的 Zotero 或 Mendeley 图书馆页面的链接，功能更强大！

• 🎨 对于创意工作者和自由职业者:
• 收藏灵感网站 (如 Dribbble, Behance)、客户门户、项目管理工具和素材资源 (图片、视频) 链接。
• 按客户、项目类型或创意领域进行组织。
• /image (建议此处添加一张代表创意工作者工作空间或情绪板的图片)

🔗 资源链接 (Resource Links)

• GitHub 仓库: moyuguy/notion_bookmarks (源代码、问题反馈和更新)

• 在线演示: Notion Bookmarks Demo (查看实际效果！)

• Notion 模板: 官方模板 (您开始设置的起点)

• 保姆级教程: Notion Bookmarks Handbook (中文用户参考)