一个纯静态、功能强大的导航网站,支持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部署
后台
修改路由地址为system,如: https: //www.nav3.cn/#/light修改为https://www.nav3.cn/#/system
升级
升级前请备份根目录下的data
文件夹和nav.config.ts
文件夹,升级后替换。点击Watch
右上角按钮,可第一时间跟踪版本升级情况。
本地运行
# Download
git clone --depth=1 https://github.com/xjh22222228/nav.git
cd nav
# Installation dependencies(Node:v18)
yarn
# Start
yarn start
# Build
yarn build
发表评论