TimeAmber
剪藏#Nas升级玩#剪藏

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

2025 年 10 月 13 日 约 1 分钟
分享Twitter / XTelegram微博
Nas搭建一个纯静态、支持SEO、内置收录多达 800+ 优质网站的强大导航系统 - Nav 封面

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

  • • 项目简介：

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

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

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

Notion image

  • • 安装部署：
JAVASCRIPT
## 下载源码：
git clone https://github.com/xjh22222228/nav ## 安装依赖：
cd nav
npm install ## 启动
npm start

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

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

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

JAVASCRIPT
## 修改包配置：
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访问导航站

Notion image

项目功能：

  • • 🍰 内置 800+ 优质网站

  • • 🍰 支持 码云 Gitee

  • • 🍰 支持从浏览器书签导入

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

  • • 🍰 支持 AI 翻译

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

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

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

  • • 🍰 支持 SEO 搜索引擎

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

  • • 🍰 支持检测网站存活状态

  • • 🍰 支持配置仅自己可见

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

  • • 🍰 支持小组件个性化定制

  • • 🍰 支持暗黑模式

  • • 🍰 支持后台管理, 无需部署

  • • 🍰 支持足迹记忆

  • • 🍰 支持多种搜索查询

  • • 🍰 支持自定义引擎搜索

  • • 🍰 支持卡片广告展示

  • • 🍰 多款高颜值主题切换

  • • 🍰 强大的响应式系统

  • • 🍰 多种 Loading 加载动画

  • • 🍰 多种卡片风格设计

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

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

特点与优势

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

适用人群或者场景

Notion image

一些截图：

Notion image

Notion image

Notion image

最后

  • • 官方说，在链接后加上/system即可进入管理后台，且在后台可以自定义修改标签，我实测没跑通

  • • 当前已收录842个站点，有很多确实非常优质，我也一直在用

  • • 该项目收录的站点偏技术类的多，总体还是值得推荐安装的

兴趣推荐

一款开源知识库管理工具 - outline

又可以用Nas来摸鱼了 - docker部署一套文字修仙游戏

Nas上部署一套漂亮的库存管理系统，将家中万物数字化、可归类、可跟踪

一款更适合中国宝宝的 docker 可视化管理面板 - DPanel

一网打尽 - 高效、全能内网办公系统 - GodoOS

将Nas变成情侣间的浪漫玩具 - like-girl-v520

Nas部署一个强大的内网穿透和组网工具 - vnt

原文地址: https://mp.weixin.qq.com/s?__biz=MzI3MzI3MzM0NA==&mid=2247484725&idx=1&sn=8d751e531dd770c8133cbd9eb1abf3b3&chksm=ea17261090b3f9bc63e05ee7b70d7e7557d9c62ac53dcda2353a8c24ab4e19b417f65f2b1bdd&mpshare=1&scene=1&srcid=10133IET9m2ewmzHMBCoS3nQ&sharer_shareinfo=67bdd36995573d52a96314fb35dad861&sharer_shareinfo_first=67bdd36995573d52a96314fb35dad861#rd

相关文章