发现导航

一个纯静态、支持SEO、在线编辑的强大导航网站，希望您会喜欢

内置收录多达 800+ 优质网站， 助您工作、学习和生活

预览

主题

• Sim 在线预览
• Light 在线预览
• Side 在线预览
• App 在线预览

特性

发现导航 的理念就是做一款无需依赖后端服务既简单又方便，没有繁杂的配置和数据库等配置概念, 做到开箱即用。

• 🍰 内置 800+ 实用网站。
• 🍰 支持 SEO。
• 🍰 完全纯静态, 提供自动化部署功能。
• 🍰 三叉树分类、结构清晰、分类清晰。
• 🍰 支持一个网站关联多个网址
• 🍰 颜值与简约并存，不再是杀马特时代。
• 🍰 完全开源，轻松定制化。
• 🍰 支持多种浏览模式，创新。
• 🍰 支持足迹记忆。
• 🍰 支持移动端浏览。
• 🍰 支持搜索查询。
• 🍰 支持自定义引擎搜索。
• 🍰 多款主题切换。
• 🍰 支持暗黑模式。
• 🍰 支持后台管理, 无需部署。
• 🍰 支持从 Chrome 书签导入
• 🍰 多种 Loading 加载动画

部署

像数 321 一样简单。

方式一(gh-pages 免费)

1、Fork 当前项目。

2、在仓库页面点击 main 分支在输入框输入 image 创建一个分支，否则上传图片会出现 404 现象。

3、https://github.com/settings/tokens 申请 token, 勾选相应的权限, 如果不懂就全部选中，复制并保存 Token。

4、https://github.com/用户名/nav/settings/secrets/actions/new 添加申请的 token， name 填写 TOKEN 大写。

5、打开 https://github.com/用户名/nav/actions 根据流程操作

6、务必修改项目配置文件 nav.config.ts

7、5 分钟后打开 https://用户名.github.io/nav 就能看到一个非常强大的导航网站了。

推荐方式二(Vercel 免费)

和方式一的步骤一样，除了第 5 步不用。

具体使用跟着步骤走即可 https://github.com/apps/vercel

推荐方式三(Netlify 免费)

https://www.netlify.com/

关于自有部署

如果你想部署到自己的服务器，你需要在后台配置补充请求地址当每次发生保存时会请求 GET，你需要使用熟悉的任何编程语言写一个服务执行 git pull && npm run build 用服务器指向导出的dist目录

后台

将路由地址修改为 system 即可进入，如: https://www.nav3.cn/#/light 修改为 https://www.nav3.cn/#/system

书签导入

支持从 Chrome 书签导入（WebKit 内核应该都是支持的~），会自动检测满足三级分类的导航，其他一律设为未分类：

浏览器打开 chrome://bookmarks/ 导出书签得到 html 文件, 接着从导航网站后台导入即可。

升级

在升级之前请备份根目录下的 data 文件夹和 nav.config.ts, 升级完后替换即可。

点击右上角 Watch 按钮第一时间跟踪版本升级。

更新日志

CHANGELOG

开发构建

NODE: >= v18

# 下载
git clone --depth=1 https://github.com/xjh22222228/nav.git

cd nav

# 安装依赖 NODE: v18
yarn

# 启动
yarn start

# 打包
yarn build

贡献

Thank you for your contribution, men.

建议

如果有任何功能上的建议可通过 issue 发起, Thank you.

支持

项目于 2018 年到至今一直坚持维护和开源, 经过 N 次的迭代与优化, 如果项目能帮到您是我的荣幸。

您可以请作者喝杯咖啡，继续战斗下去（请备注 Github 名字）~

感谢您的认可：

姓名	支持金额
aiyou9	￥ 50.00、￥ 50.00
lastares	￥ 25.00
MrJxySteven	￥ 20.00
路人甲	￥ 50.00

License

MIT