一个纯静态、功能强大的导航网站，支持SEO和在线编辑，希望你会喜欢，内置收录多达800+优质网站，为您的工作、学习、生活提供帮助。

功能预览

Discovery Navigation 的想法是让其简单方便，不依赖后端服务，不需要复杂的配置和数据库配置概念，因此可以开箱即用。

  • 🍰 支持SEO。
  • 🍰 完全静态，并提供自动部署功能。
  • 🍰 三叉树结构清晰，分类清晰。
  • 🍰 支持一个网站关联多个URL
  • 🍰 美丽与简约并存，不再是杀马特的时代。
  • 🍰 完全开源，易于定制。
  • 🍰 支持多种浏览模式并创新。
  • 🍰 支持足迹内存。
  • 🍰 支持手机浏览。
  • 🍰 支持搜索查询。
  • 🍰 支持自定义引擎搜索。
  • 🍰 多种主题切换。
  • 🍰 支持深色模式。
  • 🍰 支持后台管理，无需部署。
  • 🍰 支持从 Chrome 书签导入

效果预览

部署

采用TypeScript + Html开发，因此部署也变得非常简单，这里分享三种部署方式

Github部署

1、fork当前项目

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

3、https://github.com/settings/tokens申请token，检查对应权限，如果不懂就全选，复制并保存token

4、https://github.com/username/nav/settings/secrets/actions/new创建一个新的应用token，name填写TOKEN（全部大写）

5、访问https://github.com/username/nav/actions点击“绿色按钮”

6、一定要修改项目配置文件nav.config.ts

7、5分钟后，打开https://username.github.io/nav，你会看到一个非常强大的导航网站。

Vercle部署

步骤与第一种方法相同，只是不需要第四步。具体使用请按照步骤https://github.com/apps/vercel

Netlify部署

https://www.netlify.com/

后台

修改路由地址为system，如： https: //www.nav3.cn/#/light修改为https://www.nav3.cn/#/system

升级

升级前请备份根目录下的data文件夹和nav.config.ts文件夹，升级后替换。点击Watch右上角按钮，可第一时间跟踪版本升级情况。

本地运行

1
2
3
4
5
6
7
8
9
10
11
12
13
# Download
git clone --depth=1 https://github.com/xjh22222228/nav.git

cd nav

# Installation dependencies(Node:v18)
yarn

# Start
yarn start

# Build
yarn build

源码地址

github
demo