什么是 M-Nav ? 一个基于 Notion 数据库的个人导航网站,告别浏览器收藏夹混乱!
核心亮点: Notion 驱动 - 在 Notion 里管理,网站自动同步 深色模式 - 护眼又好看 响应式设计 - 手机电脑都完美 一键部署 - Vercel 部署超简单 Google Analytics - 可选数据统计
技术栈 Next.js 15 - 最新 React 框架 Tailwind CSS - 现代化样式 Notion API - 数据源 TypeScript - 类型安全
使用场景 个人常用网站整理 团队资源导航 项目工具集合 学习资源分类 工作效率提升
部署步骤 1 复制 Notion 模板 2 一键部署到 Vercel 3 配置环境变量 4 享受你的专属导航站
界面特色 卡片式布局 - 清爽简洁 分类展示 - 井然有序 Favicon 显示 - 一眼识别 悬停效果 - 交互流畅
Notion 数据库结构 只需要这几个字段: 标题 - 网站名称 分类 - 归类整理 描述 - 简短说明 链接 - 跳转地址
快速开始 GitHub: https://github.com/busyhe/m-nav
标签 #效率工具 #个人网站 #Notion #导航站 #开源项目 #Next.js #程序员 #工具推荐 #网站建设 #数字生活
![]() | 1 liwenka1 117 天前 |