type
status
date
slug
summary
tags
category
password
url
项目简介
这是一个使用 Notion 作为数据库后端的个人导航网站项目。通过 Notion 数据库管理书签和导航链接，并以清晰现代的网页界面呈现。
主要特性
- 使用 Notion 作为数据库，无需部署数据库
- 清晰现代的网页界面
- 支持多级分类导航
- 响应式设计，支持桌面和移动端
- 支持多主题切换（简约主题、赛博朋克主题）
- 一键部署到 Vercel
部署说明
一、准备账号
- github账号：注册github https://github.com/signup
- vercel账号: 注册vercel 可以使用github账号登录。
- notion账号：注册notion https://www.notion.so/login
二、复制Notion模板
直接复制这个 Notion 模板 到你的工作区。
- 点击右上角的复制按钮
- 保存到你的notion空间
模板包含三个数据库：
- 网站配置：存储网站基本信息和设置
- 导航链接：存储所有书签条目
- 分类配置：管理导航分类
三、创建Notion集成，并添加到表格中
1. 访问 Notion Developers 创建一个新的集成
- 获得集成后记下来集成密钥，点击显示后可复制
- 将集成添加到表格中，打开notion中的模板，点击右上角三个点-集成-集成名称
至此，我们的notion表格就配置好了，我们就能通过api访问notion中的表格啦。
四、准备环境变量的值
找个文本编辑软件，粘贴下面的值，并按本节的截图所示获得你自己的id替换下面的文本，后边要用。
plain
NOTION_TOKEN
上面步骤3中复制出来
NOTION_WEBSITE_CONFIG_ID
浏览器打开notion，找到URL里红色框出来的在斜杠后面，问号前面的这一串字符
NOTION_LINKS_DB_ID
浏览器打开notion，找到URL里红色框出来的在斜杠后面，问号前面的这一串字符
NOTION_CATEGORIES_DB_ID
浏览器打开notion，找到URL里红色框出来的在斜杠后面，问号前面的这一串字符
五、复制源代码
⚠️注意，请不要使用qq邮箱等国内邮箱，尽量使用hotmail或gmail等国际邮箱，否则下一步登陆vercel后会提示账号被封禁。
- 请先注册并登陆Github账号，
- 仅需点击下方链接，即可一键Fork(复刻)项目。
六、Vercel部署
准备账号
注册登陆Vercel ，这里推荐选择Github账号登录。
导入代码
- 点击下方创建新项目
- 在代码仓库列表中选择导入notion-bookmarks
把前面准备好的环境变量的文本粘贴进来即可，如果最后两项没有值，那就删掉最后两行。
最后点击deploy，等待部署成功
六、自定义域名
花一点点钱就能拥有自己域名，且国内能正常访问，为何不安排上呢？
推荐直接阅读这个: https://blog.tangly1024.com/article/vercel-domain
七、版本更新
当您的代码版本落后于notion-bookmarks最新版时，在github项目右上角将会出现一个更新按钮。点击sync fork可以更新代码。
- 作者:notion2go
- 链接:https://notion2go.com/article/notion-bookmarks
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
