xjh22222228/nav

🔍 发现导航 , 🌏 最强静态导航网站

发现导航

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

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

特性

三不需：无需数据库、无需服务器、无需成本

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

• 🍰 内置 800+ 优质网站
• 🍰 支持 码云 Gitee
• 🍰 支持从 Chrome 书签导入
• 🍰 支持用户提交收录
• 🍰 丰富的资源配置系统
• 🍰 支持 SEO 搜索引擎
• 🍰 支持网站关联多个网址
• 🍰 支持检测网站存活状态
• 🍰 支持配置仅自己可见
• 🍰 自动抓取网站图标/名称/描述
• 🍰 支持暗黑模式
• 🍰 支持后台管理, 无需部署
• 🍰 支持多种浏览模式，创新
• 🍰 支持足迹记忆
• 🍰 支持多种搜索查询
• 🍰 支持自定义引擎搜索
• 🍰 多款高颜值主题切换
• 🍰 强大的响应式系统
• 🍰 多种 Loading 加载动画
• 🍰 多种卡片风格设计
• 🍰 完全纯静态, 提供自动化部署功能
• 🍰 三叉树分类、结构清晰、分类清晰
• 🍰 颜值与简约并存，不再是杀马特时代
• 🍰 完全开源，轻松定制化

预览

• https://nav3.cn/
• https://faxian.vercel.app/
• https://xjh22222228.github.io/nav-web/

可以干嘛

• 公司部署，内部系统网站，不需要员工收藏各种链接
• 做为个人书签，有些功能浏览器是没有的
• 个人导航网站，分享、价值、发现

部署

零成本部署，像数 321 一样简单。

gh-pages (免费)

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

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

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

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

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

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

Netlify 推荐(免费)

作者目前使用，速度较快

https://www.netlify.com/

Vercel 推荐(免费)

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

https://github.com/apps/vercel

关于自有部署

前提服务器必须能访问公网。

将代码拉到服务器 git clone https://github.com/xjh22222228/nav.git 还需要安装Node >= 18

执行 npm i && npm i pm2 -g && npm run build 用服务器指向导出的 dist 目录, 尝试访问

使用项目自带服务器 server.js ，需要修改文件内的服务器仓库位置

在导航网站后台系统配置补充 请求地址 当每次发生保存时会请求下面启动的服务器实现自动部署。

# 启动 公网IP:7777/server
npm run server

其他

如果您有更好的部署方式，请给我们提 PR

后台

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

书签导入

自动检测满足三级分类导航，其他一律设为未分类：

浏览器打开 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 --no-edit
git push

# 或者执行
npm run update

更新日志

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

nav's Issues

打包问题。

WARNING in E:\nav-3.0.0-rc0\src\app\app-routing.module.ts is part of the TypeScript compilation but it's unused.
Add only entry points to the 'files' or 'include' properties in your tsconfig.

WARNING in E:\nav-3.0.0-rc0\src\environments\environment.prod.ts is part of the TypeScript compilation but it's unused.
Add only entry points to the 'files' or 'include' properties in your tsconfig.
打包报错这个 ，不知道有没有和我一样问题的0..0
解决办法：
找到tsconfig.app ts文件，删除"include":["src/**/*.ts"]这一行，只在文件中保留入口点(main.ts和polyfills.ts)
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
"src/polyfills.ts"
],

"exclude": [
"src/test.ts",
"src/**/*.spec.ts"
]
}

众成翻译

icon: 'http://s4.ssl.qhres.com/static/4c3fe1d5645dd9e8.svg',
name: '众成翻译'
desc: '翻译，从此起步',
link: 'https://zcfy.cc/'

有没有后台或者在哪里添加网址 额，喜欢这个 风格

有没有后台或者在哪里添加额，喜欢这个 风格

功能建议：3.0.0版本，右下角返回键是否可以增加功能定义

问题描述
当前3.0.0版本，右下角返回键的逻辑定义，是返回页面顶端，但如果展开目录下条目很多，能否增加返回展开第三层级标题的返回键？
1、返回页面顶端（当前返回键定义）
2、返回到展开的目录层级（希望增加的返回功能）
初步想法
1、增加一个返回按键
2、点击一次返回键，返回展开目录层级，点击两次返回键，返回页面顶端

仅供参考

能否介绍一下这个怎么搭建 ?

仓库已经克隆到 网站根目录 , 不知道怎么样才能搭建起来 ?
有没有教程/帮助 之类的 ?
谢谢 .

跪求v2版

跪求

跟着百度统计就过来了

推荐站点：前端区

icon: 'https://www.e7fe.com/wp-content/uploads/2018/09/logo-orange.png',
name: '前端区',
desc: '专注大前端技术的高质量内容社区',
link: 'https://www.e7fe.com/'

功能需求：希望在页面上增加网站标题

功能建议：收集网址的排列顺序自定义

打包问题报错

node环境版本： v10.23.3
操作系统： Ubuntu20 或者 Windows10
在执行npm run build命令时，提示以下错误，目前不知道如何解决

> [email protected] build /tmp/nav
> npm run setup && ng build --prod --base-href ./


> [email protected] setup /tmp/nav
> tsc nav.config.ts && ts-node ./scripts/build.mjs
lin@ubuntu-home:/tmp/nav$ npm run build

> [email protected] build /tmp/nav
> npm run setup && ng build --prod --base-href ./


> [email protected] setup /tmp/nav
> tsc nav.config.ts && ts-node ./scripts/build.mjs

/tmp/nav/scripts/build.mjs:4
import fs from 'fs'
       ^^

SyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:723:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at Object.<anonymous> (/tmp/nav/node_modules/ts-node/src/bin.ts:158:12)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] setup: `tsc nav.config.ts && ts-node ./scripts/build.mjs`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] setup script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lin/.npm/_logs/2021-02-11T03_23_44_702Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `npm run setup && ng build --prod --base-href ./`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/lin/.npm/_logs/2021-02-11T03_23_44_715Z-debug.log

添加数据时，token填写对了，但是提示（登录失败, 请填写正确Token，Request failed with status code 404）

测试存取的token也是对的，

关于通过GITHUB API提交到库和自动部署，实现访客在线提交，站长审核，更新等后台功能的想法

1, Vue及框架的表单设计器，设计收集页面；2, GITHUB API将访客在收集页面提交的信息，保存到git库的一个新分支，等待导航站长的审核。3，站长使用github 网页，或在部署网页用API，进行git库中用户提交分支，与部署分支的合并或舍弃，实现审核功能，4，使用任何一个自动部署github的网站，如https://now.sh等，自动进行增量合并到部署分支，然后经自动部署，获得网址，以供访问。

页面展示建议：希望点击第一级目录标签切换时，显示折叠的层级目录，减少点击鼠标次数

问题描述：
希望点击第一级目录标签切换时，显示折叠的层级目录，减少点击鼠标次数，当前默认，访问页面，显示展开的实用工具（常用的）下条目，但是点击其他一级目录，进行跳转时，希望是折叠的，有利于快速跳转

初步建议：
打开页面展开的是常用的，跳转其他层级，最后一级是折叠的。

安装后提示Invalid Host header

安装后提示Invalid Host header，不知道这个什么情况呢。

react社区

icon: 'http://react-china.org/uploads/default/38/c4b96a594bd352e0.png',
name: 'React中文',
desc: 'react中文论坛',
link: 'http://react-china.org/'

点新增数据，授权登录框空白

点新增数据，授权登录框空白，无法登录，这个正常吗，还是我哪里配置没对

功能需求：“英文，中文，github“ ---关联站点跳转按钮的自定义名称及任意添加多个。

功能需求描述：
一个站点，可能有多个子站点入口，或者有对应多种关联站点，希望能够自由添加相应的关联站点跳转按钮，谢谢！

功能需求:希望底部可以增加访问统计，github引用，版权和备案等信息

浏览器不能实时看到新页面

更改配置文件添加新网站后，浏览器必须清楚全部缓存才能看到新页面，咋刷新都不行，强制刷新也不行

http://www.w3.org/2000/svg 在https下无法访问，展开菜单的箭头图标无法加载

功能需求：增加搜索引擎支持，可以支持自定义，自己添加适配专业文献检索库的搜索入口

功能需求描述：
搞科研，需要查文献，需要用专业检索库，希望能够提供自定义搜索引擎支持，这样可以将部署的导航站作为浏览器新标签页了。

🍷 功能需求：Side三级目录的快速展开与收起

需求描述：
Side的二级目录是需要点击一级标题后，才能显示，因此，鼠标还要移动到右侧悬浮按钮，才能一次性收起与展开三级目录，不够快捷
建议：
1、可以在二级目录的标题后面，增加展开/收起按钮，快速展开收起三级目录

2、或者点击二级目录，跳转后的三级目录，默认是收起的

目的
就是为使得导航站，能够切实有效的利用。
1、减少目光的跳转，大屏幕，可能还要来回转头，这些都是不好；
2、集中功能按钮，或者在操作流程中增加相对应的功能按钮，快速实现工作流——查阅跳转，复制，分享等等

cube ui

基于vue的移动端cubeUI也挺好的

文档:
中:https://didi.github.io/cube-ui/#/zh-CN
英:https://didi.github.io/cube-ui/#/en-US

github:https://github.com/didi/cube-ui

商业化建议：开发新标签页，或者浏览器插件，这样后台功能可以作为高级功能，进行商业化授权使用

less中文文档这个会好点

http://lesscss.cn/

导航

上下滑动的时候，导航UI应该也要跟着切换。

功能需求：后台，管理网站那里可以加一个搜索已有网址的功能吗？

需求描述：
后台管理网站那里，希望可以增加搜索功能，快速查找到想要编辑的网址信息。

提交站点-科网

icon: 'https://www.kewangst.com/static/pic/Logo.png',
name: '科网',
desc: '科技博客聚合网站',
link: 'https://www.kewangst.com/'

功能需求：增加一个浏览器书签文件导入工具

类似书签导入功能实现参见webstack-jekyll后台版

功能建议：设置第三级目录可展开与合并，提供一个一键操作按钮，方便浏览与跳转

设置第三级目录可展开与合并，提供一个一键操作按钮，方便浏览与跳转！
第三级菜单前，是否可以增加logo？

功能需求：能不能将第三层的列表，也换成选项卡的形式，进行切换，网页个数使用上标

功能需求：5.2.0 side主题布局的一些建议

Side主题适合建站点，可以实现站点个性化标志的展示
1、左侧站点图标区域固定，不随页面滚动，实现站点个性化标志的展示；
2、右侧底部悬浮按钮中，增加一键呼出搜索框，进行站内搜索；
3、或者搜索框是否能固定在哪，比如站点标志下？
4、站点标志下增加一排功能键，如跳转博客，登录后台，展开收起层级等。

功能需求：增加部署站点访问统计信息

功能需求：5.1.1版本 Side 模板的左侧侧边栏中，站点图标下面，增加一排展开与收起列表，切换黑暗/明亮等功能键

功能需求：以github做后台的重要参考！！！

@@ 🔥 🚀
有一个建站工具有可能实现了
https://www.netlifycms.org/docs/intro/
https://github.com/netlify/netlify-cms
后端开源，直接就可以迁移过来用
https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-backend-github

但是不知道能否重构到本项目中。

相关信息收集：github作为数据库的资料收集

0.0.0 https://youtu.be/nPPlyjMlQ34
0.0 （不是github）最新的讨论总结了git for data https://www.dolthub.com/blog/2020-03-06-so-you-want-git-for-data/
https://github.com/attic-labs/noms
0、Github API的高级包装。适用于浏览器。 https://github.com/github-tools/github
1、API布道者（****） https://github.com/kinlane
（有利用github api构建应用的示例代码，使用GitHub来运行我的API Evangelist）
博客文章： 1、https://apievangelist.com/2017/01/23/no-database-behind-an-api-and-just-using-files-stored-on-github/
2、https://apievangelist.com/2016/09/19/providing-yaml-driven-xml-json-and-atom-using-jekyll-and-github/
http://kinlane.com/2016/08/15/using-github-repos-and-jekyll-as-a-data-store/

****2013年前的Github.js为git的管道命令提供了一个最小的高层包装，提供了一个用于在文件级别上操作GitHub存储库的API。它是在GitHub的内容编辑器Prose的上下文中开发的。https://github.com/kinlane/github
**http://prose.io/
2 设想，有一些优缺点总结 https://github.com/DavidBruant/github-as-a-database

3、Github Pages 使用jekyll 驱动数据库，使用yaml 文件存储json xml等格式 https://github.com/api-evangelist-tools/xml-json-using-yaml-jekyll
4、关于方案的讨论，放弃Github Pages ，使用 node+sqlite，使用支持node部署的部署空间如https://glitch.com/或Vercel（以前称为Now.sh），或者使用非SQL的远程数据库 如Firebase（https://firebase.google.com/docs/auth/web/github-auth）或CouchDB（可能需要花费很多时间重新编码）https://dev.to/pdavor/how-to-use-mysql-database-on-github-io-4kbd
5、有力的建议：https://stackoverflow.com/questions/846659/how-can-i-put-a-database-under-git-version-control
6、Firebase ：https://stackoverflow.com/questions/31655085/database-on-a-personal-github-page
*7、分析了git作为NoSQL数据库（非模式数据库）的要点（分析的很好，从文章看，git做数据库很适合收集网址，适合分层，一次收集完，也不会再修改了）https://www.kenneth-truyers.net/2016/10/13/git-nosql-database/
这里有个最新的讨论，还提供作者kenneth的视频https://elixirforum.com/t/git-as-a-database-and-alternatives/27068

说kenneth用于生产环境了

*8、引用了上面7，并在7的基础上提升了，成为非裸机仓库，能够直接访问文件（不知道是不是在说node应用）。https://nede.dev/blog/turning-git-into-an-application-database
提供可用代码，https://github.com/pruttned/owl-invoice
9、git的备份功能，也可以用与构建数据库
10、git gc 增量保存
11、子文件夹提高修改性能
12、避免产生需要手动合并的冲突，网址使用单个文件，用文件名保存编码
13、https://github.com/mirage/irmin Irmin是一个分布式数据库，遵循与Git相同的设计原则

14.https://github.com/libgit2/libgit2
15、https://github.com/elixir-git/xgit
16、https://medium.com/m/global-identity?redirectUrl=https%3A%2F%2Ftowardsdatascience.com%2Fgit-best-practices-for-sql-5366ab4abb50
17、https://github.blog/2020-02-14-automating-mysql-schema-migrations-with-github-actions-and-more/
18、node包，https://www.npmjs.com/package/github-db
19、https://github.com/KnpLabs/php-github-api
20、https://github.community/t/using-github-for-web-development-that-uses-a-database/1013
21、东芝nosql时间序列数据库https://griddb.net/en/
22、索引数据库 https://w3c.github.io/IndexedDB/ https://github.com/web-platform-tests/wpt/tree/master/IndexedDB
23、https://rethinkdb.com/docs/install-drivers/javascript/
*24、https://clojureverse.org/t/persistent-git-friendly-local-database-any-suggestions/3919/4

..

昨天我按照部署流程申请token，填写token，页面一直是loading，试了N次。

没有NSFW吗？ ( : 逃~

功能需求：现在的Token登录方式，实现真正的github用户登录

功能描述
当前基于token登录方式，可以改成github用户登录授权的方式
建议
@@ 🔥 🚀
这个静态文件编辑的建站工具实现了
https://www.netlifycms.org/docs/intro/
https://github.com/netlify/netlify-cms
后端开源，直接就可以迁移过来用
https://github.com/netlify/netlify-cms/tree/master/packages/netlify-cms-backend-github

目标
后台登录的优化，一键搞定

推荐收录 - 表格转换工具

网站名称：表格工具
网站域名：https://tableconvert.com/
网站介绍：一个功能强大的在线表编辑器，支持Excel、Markdown、JSON、CSV、HTML等格式的相互转换
所属分类：工具

很漂亮的导航

好漂亮，坐等开源⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

部署后访问L O A D I N G ...

一图胜万字：git存储与发布

高清可访问https://www.processon.com/view/link/5fded81c5653bb4ccf3bd520

v2不开源吗？

功能建议：收集的网址在所有fork源代码的fork库中能够相互拉取，实现fork库的建站者自己重组网址分类

收集的网址在fork库中相互拉取功能的应用场景描述：
导航站的网址收集，一部分来自访客的推荐，主要部分来自建站者的偏好，从源代码，进行最开始的网址收集工作，成本太高。个人觉得收集网址信息来源有：1、从建站者自己浏览器收藏夹导入（大部分）。2、访客在部署网址上提交（少量新颖的）3、拉取其他fork源代码库的其他建站者创建的网页上（页面提供拉取的按钮，可以大量快速填充一个建站者自己需要收集的分类）4、……

如果实现以github为大后台，每一个fork源代码库的建站者有自己的收集喜好，如果能够在其他fork库建立的站点中，将自己需要用的网址快速拉取到自己的站点，形成一个大社区，互助性，收集成本降低，这样才能有广泛的fork源代码的建站者

个人建议：暗黑模式一出，建议开个捐赠通道，我来捐第一笔

lodash

icon: 'https://lodash.com/assets/img/lodash.svg',
name: 'Lodash',
desc: '现代JS工具集',
link: 'https://lodash.com/'

功能建议：点击按钮，将网址复制到剪贴板的功能

点击按钮，将网址复制到剪贴板的功能，方便发送给其他人

免费后端部署空间推荐

国内（部署网址可能需要备案）
1、T1后端云
http://t1.huayi-w.cn/
2、网易leancloud
https://www.leancloud.cn/
国外（可能需要信用卡认证）
相关免费的Paas，BaaS ，IaaS，DBaaS等，见收集网址（https://free-for.dev）