2025 超火开源导航站 Nav 零代码部署教程（GitHub + Vercel）

2025 超火开源导航站 Nav 零代码部署教程（GitHub + Vercel）

这是一个纯静态、支持 SEO、支持在线编辑的开源导航网站 —— Nav。即使你不会写代码，也能轻松部署，几分钟内拥有属于你自己的导航页。

🚀 2025 超火开源导航站 Nav 零代码部署教程（GitHub + Vercel）

零服务器、零成本，打造属于你自己的高颜值导航网站！预览 测试预览 | GitHub | Vercel 部署教程

🌟 项目介绍

这是一个纯静态、支持 SEO、支持在线编辑的开源导航网站 —— Nav。即使你不会写代码，也能轻松部署，几分钟内拥有属于你自己的导航页。

✅ 零数据库
✅ 零服务器
✅ 零成本部署
✅ 功能强大，开箱即用

💡 项目亮点

  • 🔗 内置超 800+ 高质量网站
  • 🌍 多平台支持（GitHub / Gitee / GitLab）
  • 📥 支持浏览器书签导入/导出
  • 🌐 支持 SEO 与网站健康检测
  • 🖼️ 自动抓取网站图标/描述
  • 🔍 多种搜索引擎支持，自定义搜索
  • 🎨 多种主题 + 响应式布局
  • 🛠️ 在线后台管理（无需服务器）
  • 🧠 AI 翻译 + PWA 应用支持
  • 🔐 支持私密配置 + 登录管理

🛠️ 前期准备

  1. 注册 GitHub 账号
  2. 注册 Vercel 账号
  3. 准备一个邮箱（用于提交通知）

📦 快速部署指南（Vercel 推荐）

第一步：Fork 项目

访问开源项目仓库 👉
🔗 https://github.com/xjh22222228/nav

点击右上角 Fork，将项目复制到你的仓库。

第二步：配置 Vercel 自动部署

  1. 打开 Vercel GitHub App 并授权安装到你的账户
  2. 登录 Vercel 后，点击 Add New Project
  3. 选择你 Fork 的 nav 项目，点击部署即可
  4. 成功后 Vercel 会自动生成一个访问网址，如：https://nav-yourname.vercel.app

第三步：配置网站内容

在你的仓库中，找到并编辑根目录的配置文件：

📄 nav.config.yaml

修改如下字段：

1
2
3
gitRepoUrl: https://github.com/你的用户名/nav
hashMode: true # GitHub Pages 推荐开启
email: 你的通知邮箱

🖥️ GitHub Pages 部署方式（可选）

如果你希望部署在 https://你的用户名.github.io：

  1. 在 GitHub 中点击 Settings > Pages
  2. 设置发布分支为 gh-pages
  3. 打开 https://你的用户名.github.io/nav 查看部署结果
  4. 如遇 404，检查是否启用了 GitHub Actions

🔧 后台管理入口

将网址后缀加上 /system 即可进入后台管理面板：

例如：

1
https://nav-yourname.vercel.app/system

📤 导入/导出支持

  • 支持从浏览器导入书签文件（.html）
  • 支持将当前导航导出为书签
  • 支持用户在线提交/修改导航项

🔄 升级方式

✅ 自动升级（推荐）

安装 GitHub 上的 Pull 应用，每次项目更新后，会自动发起 PR，一键合并即可升级。

🔧 手动升级

1
2
3
4
5
git pull
git remote add upstream https://gitee.com/xiejiahe/nav.git
git fetch upstream main
git merge upstream/main --allow-unrelated-histories --no-edit
git push

🐳 自主部署（可选）

支持部署到：

  • Docker
  • 宝塔面板
  • pm2
  • Cloudflare Pages
  • Netlify

构建路径：dist/browser

🎯 总结

Nav 是一个功能强大、完全免费的开源导航系统，部署简单，无需服务器，适合用于个人收藏、团队工具页、资源站等场景。

赶快 Fork + 一键部署，打造属于你自己的导航网站吧！