满心记 我在人间混日子

最强静态导航网站

一个纯静态、功能强大的导航网站,支持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右上角按钮,可第一时间跟踪版本升级情况。

本地运行

# 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

发表评论

提交评论