DIYnav: A TypeScript repository from GEEKCX

发现导航

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

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

预览

备用域名

特性

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

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

部署

像数 321 一样简单。

gh-pages (免费)

1、右上角点击 Fork 当前项目。

2、打开 https://github.com/你的用户名/nav/actions 开启 action 自动部署

3、修改项目根目录配置文件 nav.config.ts 只需要修改仓库地址

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

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

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

Netlify 推荐(免费)

作者目前使用，速度较快

https://www.netlify.com/

Vercel 推荐(免费)

国内访问速度较慢，建议测试后使用

https://github.com/apps/vercel

关于自有部署（不建议）

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

后台

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

书签导入

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

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

升级

将你的仓库克隆下来执行以下命令

git pull
git remote add upstream https://github.com/xjh22222228/nav.git
git fetch upstream main
git merge upstream/main --allow-unrelated-histories
git push

# 或者执行
npm run fetch

更新日志

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 名字）~

感谢您的认可：

ID	支持金额
aiyou9	￥ 100
lastares	￥ 25.00
MrJxySteven	￥ 20.00
admol	￥ 6.66
路人甲	￥ 50.00

License

MIT

GEEKCX/DIYnav

预览

特性

部署