Nas搭建一个纯静态、支持SEO、内置收录多达 800+ 优质网站的强大导航系统

07

2025
05
09:52:38

Nas搭建一个纯静态、支持SEO、内置收录多达 800+ 优质网站的强大导航系统 - Nav

• 项目名：nav，中文名：发现导航
• 项目简介：

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

• 项目源码：https://github.com/xjh22222228/nav

• 安装部署：

## 下载源码：
git clone https://github.com/xjh22222228/nav

## 安装依赖：
cd nav
npm install

## 启动
npm start

其实这里有个坑：直接通过npm start启动时监听的是localhost，但我们是在Nas上部署，在电脑上是无法访问的。当然解决方法有二：

1. 增加前缀的nginx（这种方法在我之前的很多文章里都有写过，这次就不用它了）
2. 修改源码包配置，让其监听所有网卡

我们就按第二种方法来操作：

## 修改包配置：
vim package.json

## 修改第7行
"start": "npm run init && ng serve --host=0.0.0.0 --port=7001 --live-reload=false",
## 增加内容： --host=0.0.0.0 

## 再次启动
npm start

启动后，即可通过浏览器打开：http://<nas-ip>:7001访问导航站

项目功能：

内置 800+ 优质网站

支持码云 Gitee

支持从浏览器书签导入

支持将数据导出到浏览器书签

支持 AI 翻译

支持用户提交新增、编辑、删除

支持自有部署(pm2|Docker|宝塔)/Fork

支持分类/网站移动和引用

支持 SEO 搜索引擎

支持网站关联多个网址或标签

支持检测网站存活状态

支持配置仅自己可见

支持自动抓取网站图标/名称/描述

支持小组件个性化定制

支持暗黑模式

支持后台管理, 无需部署

支持足迹记忆

支持多种搜索查询

支持自定义引擎搜索

支持卡片广告展示

多款高颜值主题切换

强大的响应式系统

多种 Loading 加载动画

多种卡片风格设计

完全纯静态, 提供自动化部署功能

三叉树分类、结构清晰、分类清晰

特点与优势

1. 丰富的资源库：nav汇集了大量的高质量网站链接，涵盖了教育、科技、文化、生活等各个领域。无论是寻找在线课程、技术文档还是休闲娱乐资源，这里都能为你提供一站式的解决方案。
2. 高度定制化：除了预设的分类外，用户还可以根据自身喜好添加新的书签或调整现有目录结构。这种灵活性使得每个人都能构建出独一无二的个性化导航页面，真正做到了“我的地盘我做主”。
3. 轻量级架构：为了确保最佳的加载速度和响应效率，nav采用了轻量级的设计方案。整个项目依赖较少的外部库文件，减少了不必要的资源消耗，即使在网络环境不佳的情况下也能流畅运行。
4. 开源共享精神：作为一个开源项目，nav鼓励社区成员积极参与贡献代码、分享资源。这不仅促进了项目的持续发展，也为广大开发者提供了一个交流经验的良好平台。无论你是想要提升自己技能水平的新手程序员，还是希望为社会贡献力量的技术专家，在这里都能找到属于自己的一席之地。
5. 多语言支持：考虑到全球范围内不同语言背景的用户需求，nav特别加入了多语言切换功能。目前，该项目已支持包括中文在内的多种语言版本，未来还将继续扩展更多语种的支持范围，力求让每一位用户都能无障碍地享受服务。
6. 响应式设计：随着移动设备的普及，越来越多的人开始通过手机和平板电脑访问互联网。为此，nav采用了响应式网页设计理念，能够自动适应各种屏幕尺寸的变化，保证了良好的跨平台兼容性。