🎉更新内容及更新方法见保姆级教程
2025/3/7
- 2025/3/7 新增主题配置，新增赛博朋克主题🔗 在线演示
这是一个使用 Notion 作为数据库后端的个人导航网站项目。通过 Notion 数据库管理书签和导航链接，并以清晰现代的网页界面呈现。
- 使用 Notion 作为数据库，无需部署数据库
- 清晰现代的网页界面
- 支持多级分类导航
- 响应式设计，支持桌面和移动端
- 支持多主题切换（简约主题、赛博朋克主题）
- 一键部署到 Vercel
A personal navigation website using Notion as the database backend. This project allows you to manage your bookmarks and navigation links through Notion databases while presenting them in a clean, modern web interface.
- Uses Notion as the database, no database deployment needed
- Clean and modern web interface
- Multi-level category navigation
- Responsive design for desktop and mobile
- Multiple theme support (Simple theme, Cyberpunk theme)
- One-click deployment to Vercel
Directly copy this Notion template to your workspace. The template includes three databases:
- Website Configuration: Stores basic website information and settings, including theme configuration
- Navigation Links: Stores all bookmark entries
- Category Configuration: Manages navigation categories
In the Website Configuration database, you can configure the website theme. Currentl 63CC y, two themes are supported:
- Simple: Clean and modern style
- Cyberpunk: A dark theme with neon effects and a tech-inspired aesthetic
- Visit Notion Developers to create a new integration
- Save the generated integration token (needed in next step)
- Share your copied databases with this integration (Click Share in the top right of each database and add your integration)
Click the button above to deploy to Vercel:
- Login to Vercel with your GitHub account
- Set environment variables (in deployment configuration page):
NOTION_TOKEN=your_notion_integration_token
NOTION_LINKS_DB_ID=your_links_database_id
NOTION_WEBSITE_CONFIG_ID=your_website_config_database_id
NOTION_CATEGORIES_DB_ID=your_categories_database_id
NEXT_PUBLIC_CLARITY_ID=optional_clarity_tracking_id
GA_ID=optional_google_analytics_idOnce deployed, you can access your navigation site through the domain assigned by Vercel!