【原创发布】NOWEN 星云门户 — 颜值爆表的个人导航站，NAS 用户的书签神器

Drug

一句话介绍： 一个集书签管理、系统监控于一体的极简主义个人导航站，深空美学 + 玻璃态设计，支持日/夜双模式，Docker 一键部署。

在线体验： http://118.145.185.221 （账号：admin 密码：admin123，直接点登录）

Docker Hub： cropflre/nowen:latest（支持 amd64 + arm64）

GitHub： https://github.com/cropflre/NOWEN

核心亮点

• 书签管理：智能元数据抓取、分类管理、拖拽排序、Spotlight 搜索、置顶、稍后阅读、内外网双链接自动切换
• AI 加持：AI 智能标签、批量 AI 分类、批量 AI 元数据&图标、AI 对话助手
• 系统监控：实时 CPU/内存/磁盘/温度/网速/Docker 容器状态，三形态切换（迷你胶囊 → 状态栏 → 全功能仪表盘）
• 8 款主题：4 深色（星云夜空/极光幻影/深海迷境/暗夜森林）+ 4 浅色（晴空白昼/日出暖阳/樱花粉黛/薄荷清新），支持自动切换
• 自定义壁纸：上传/URL/Picsum/Bing 每日壁纸，模糊度和遮罩可调
• 云备份：支持 WebDAV 云端备份（坚果云/群晖/绿联/Alist），自动定时备份
• 链接健康检查：一键批量检测死链，一键清理
• 访问统计：点击追踪、热门排行、趋势图表
• 数据安全：多层防呆保护，更新容器不丢数据

飞牛一键部署

• 打开 Docker → Compose → 添加

• 粘贴以下配置：

• services:
  nowen:
  image: cropflre/nowen:latest
  container_name: nowen
  restart: unless-stopped
  ports:

  • "3000:3000"
    volumes:
  • /docker/nowen/data:/app/server/data
  • /:/host:ro
  • /proc:/host/proc:ro
  • /sys:/host/sys:ro
  • /var/run/docker.sock:/var/run/docker.sock
    environment:
  • NODE_ENV=production
  • SI_FILESYSTEM_DISK_PREFIX=/host
  • PROC_PATH=/host/proc
  • SYS_PATH=/host/sys
  • FS_PATH=/host
    privileged: true

• 点击部署，访问 http://NAS的IP:3000

• 默认账号 admin / admin123，首次登录后请修改密码

  如果不需要系统监控功能，可以只保留 ports 和 data 卷挂载，移除其余 volumes 和 environment。

---

部分截图

• 日间模式 - 系统监控仪表盘

• 夜间模式 - 深空美学

• 移动端适配

技术栈： React 18 + TypeScript + Tailwind CSS + Express + SQLite + Docker 开源协议： MIT 欢迎体验反馈，Star 支持一下！

Drug

Drug

༺ཌༀ_bo1Er

感谢作者分享,很漂亮

Drug

༺ཌༀ_bo1Er 发表于 2026-2-12 23:18
感谢作者分享,很漂亮

(๑•̀ㅂ•́)و✧

一點墨

有极客范

Drug

一點墨 发表于 2026-2-13 14:06
有极客范

嘿嘿必须的

xgao2025

这个好，界面简洁漂亮，必须Star

幸安x

必须star！！！！

rantersun

不错必须star!

88214282

很好。有空的时候弄，现在有点懒~

sungamma

已经安装加star，不过有个问题，如何更改admin账户名，没找到地方

Drug

sungamma 发表于 2026-2-24 08:10
已经安装加star，不过有个问题，如何更改admin账户名，没找到地方

这个倒是没有支持，我后续会支持~~

Drug

sungamma 发表于 2026-2-24 08:10
已经安装加star，不过有个问题，如何更改admin账户名，没找到地方

支持了，更新一下就行了

Drug

📝 更新日志

[](https://github.com/cropflre/NOWEN#-%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97)

v0.1.8 (2026-02-24)

[](https://github.com/cropflre/NOWEN#v018-2026-02-24)

✨ 新功能

[](https://github.com/cropflre/NOWEN#-%E6%96%B0%E5%8A%9F%E8%83%BD)

• SunPanel 数据兼容导入：支持直接导入 SunPanel 导出的 JSON 配置文件
  • 自动检测 SunPanel 格式（appName: "Sun-Panel-Config"）
  • SunPanel 分类 → NOWEN 分类，自动分配颜色
  • 书签字段映射：title/url/lanUrl(→internalUrl)/description/icon.src(→iconUrl)
  • SunPanel 专属确认弹窗，显示版本号和导出时间
  • 完整中英文国际化支持
• 导入后自动抓取书签图标：导入数据时自动检测缺少 favicon 的书签
  • 导入完成后异步批量抓取 metadata（favicon/ogImage），不阻塞页面
  • 并发限制 3 个请求，避免对目标站点造成压力
  • 前端实时轮询抓取进度，完成后自动刷新页面
  • Toast 提示抓取进度和结果
• 管理员用户名修改：后台安全设置支持修改 admin 账户用户名

🐛 Bug 修复

[](https://github.com/cropflre/NOWEN#-bug-%E4%BF%AE%E5%A4%8D)

• 修复导入数据时 internalUrl 字段未写入数据库的问题
• 修复导入 schema 中 createdAt/updatedAt 不兼容 number 类型的问题
• 修复 validateBody 中 result.error.errors.map() 缺少防御性检查导致崩溃的问题
• 修复暗色模式主题切换不同步需刷新的问题（统一使用 ThemeContext）
• 优化引擎室/生命体征卡片文字清晰度和暗色适配

Drug

xgao2025 发表于 2026-2-19 02:21
这个好，界面简洁漂亮，必须Star

感谢！！

Drug

幸安x 发表于 2026-2-19 12:41
必须star！！！！

感谢！！！！！

goodhz

请问天气如果要更改地点怎么设置？

Drug

goodhz 发表于 2026-2-24 14:57
请问天气如果要更改地点怎么设置？

这个是根据浏览器定位获取的地址来的，这个我待会让用户手动自定义地址好了。。。等我10分钟

Drug

goodhz 发表于 2026-2-24 14:57
请问天气如果要更改地点怎么设置？

好了，新增7天到15天的天气和自定义城市

兔耳朵猫

已点star

Drug

兔耳朵猫 发表于 2026-2-25 08:23
已点star

感谢！！嘿嘿

Drug

已实现浏览器html书签导入功能！

兔耳朵猫

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=259168&ptid=55720][color=#999999]Drug 发表于 2026-2-25 10:17[/color][/url][/size] 感谢！！嘿嘿[/quote]

大佬，下面这个界面会重叠，很难受，看看能不能优化下

Drug

兔耳朵猫 发表于 2026-2-25 11:01
大佬，下面这个界面会重叠，很难受，看看能不能优化下

这个菜单可以拖拽位置的，你可以尝试一下

Drug

兔耳朵猫 发表于 2026-2-25 11:01
大佬，下面这个界面会重叠，很难受，看看能不能优化下

你也可以缩略成球状或者是面板，你可以说一下你的需求~~这玩意其实就是让移动端展示好看的，在电脑浏览器上面我一般都是展示成球体哈哈哈

baowen

颜值可以 但是拖动点击 有种拖拽感 就像人在水里活动 不太清爽

Drug

baowen 发表于 2026-2-25 13:26
颜值可以  但是拖动点击  有种拖拽感 就像人在水里活动  不太清爽

移动端这个问题我修复一下，电脑端应该是没这个问题了~~

xiaobao80

没有arm64

Drug

xiaobao80 发表于 2026-2-25 15:04
没有arm64

只要支持docker都可以运行吧

xiaobao80

Drug 发表于 2026-2-25 15:06
只要支持docker都可以运行吧

不行，只有X86的镜像，构建报错no matching manifest for linux/arm64/v8 in the manifest list entries。

Drug

xiaobao80 发表于 2026-2-25 15:12
不行，只有X86的镜像，构建报错no matching manifest for linux/arm64/v8 in the manifest list entries ...

ok，我兼容一下

Drug

xiaobao80 发表于 2026-2-25 15:12
不行，只有X86的镜像，构建报错no matching manifest for linux/arm64/v8 in the manifest list entries ...

再试试，兼容了

Drug

v0.2.0 (2026-02-26)

[](https://github.com/cropflre/NOWEN?tab=readme-ov-file#v020-2026-02-26)

✨ 新功能

[](https://github.com/cropflre/NOWEN?tab=readme-ov-file#-%E6%96%B0%E5%8A%9F%E8%83%BD)

• ARM64 多架构支持：Docker 镜像同时支持 linux/amd64 和 linux/arm64
  • 适配瑞芯微 RK3588、RK3576、RK3566 等 ARM64 开发板
  • 支持 Apple Silicon (M1/M2/M3) 设备
  • Dockerfile 自动安装 ARM64 原生模块编译工具链（python3/make/g++），构建完成后自动清理
  • 新增 build-multiarch.sh 多架构一键构建脚本
  • 启动时打印当前 CPU 架构，便于确认运行环境
• AI 智能标签：添加书签时自动调用 AI 生成适配标签
  • URL 分析完成后自动触发 AI 魔法（无需手动点击）
  • 自动填充标签 + 分类 + 优化描述
  • 新增 AI 设置面板、标签管理面板
• 书签标签展示：书签卡片上展示彩色标签药丸
  • 基于标签名哈希生成 8 种柔和彩色（蓝/绿/橙/红/紫/粉/青/黄绿）
  • 分类区域和置顶区域卡片均展示标签
  • 最多显示 3 个标签，超出显示 +N

v0.1.9 (2026-02-25)

[](https://github.com/cropflre/NOWEN?tab=readme-ov-file#v019-2026-02-25)

✨ 新功能

[](https://github.com/cropflre/NOWEN?tab=readme-ov-file#-%E6%96%B0%E5%8A%9F%E8%83%BD-1)

• 移动端能量球自由拖拽：移动端悬浮导航球支持自由拖拽到屏幕任意位置
  • 基于 Pointer Events 实现原生拖拽，6px 阈值精准区分拖拽与点击
  • 位置通过 localStorage 持久化，下次打开自动恢复
  • 拖拽时蓝色光晕 + 微放大视觉反馈
  • 点击展开花瓣式菜单，菜单项支持触觉振动反馈 (navigator.vibrate)
• 移动端底部状态栏：新增固定底部状态栏，集成系统监控 Ticker
  • 通过 leftSlot 插槽渲染实时系统状态（CPU/内存/网速等）
  • 玻璃模糊背景效果，支持 iOS 安全区域适配（safe-area-inset-bottom）
  • 能量球与底部栏完全独立，互不干扰
• 桌面端 Dock 自由拖拽：桌面端浮动 Dock 支持拖拽到任意位置
  • 位置通过 localStorage 持久化（key: desktop-dock-pos），默认居中靠底
  • 拖拽时边框发光反馈，鼠标变为 grabbing
  • macOS 风格磁性放大效果（鱼眼缩放）
• 移动端 Bento 单列布局：移动端书签网格从两列改为单列，阅读更舒适
• 系统监控三形态切换：迷你胶囊 / 状态栏 / 全功能仪表盘三种模式无缝切换
  • 视图模式通过 localStorage 持久化
  • 形态切换带 scale + fade + slide 平滑动画
• 仪表盘日间模式透明化：日间模式下监控仪表盘背景完全透明，与页面融为一体
  • 子卡片 DataBlock 背景同步透明化，边框降低至 30% 透明度

🐛 Bug 修复

[](https://github.com/cropflre/NOWEN?tab=readme-ov-file#-bug-%E4%BF%AE%E5%A4%8D)

• 修复移动端能量球点击无法展开菜单的问题（去除 preventDefault 干扰）
• 修复移动端迷你模式状态栏未居中的问题
• 优化进度条动画性能，从 Framer Motion 改为原生 CSS Transition

Drug

📝 更新日志

[](https://github.com/cropflre/NOWEN#-%E6%9B%B4%E6%96%B0%E6%97%A5%E5%BF%97)

v0.2.0 (2026-02-26)

[](https://github.com/cropflre/NOWEN#v020-2026-02-26)

✨ 新功能

[](https://github.com/cropflre/NOWEN#-%E6%96%B0%E5%8A%9F%E8%83%BD)

• ARM64 多架构支持：Docker 镜像同时支持 linux/amd64 和 linux/arm64
  • 适配瑞芯微 RK3588、RK3576、RK3566 等 ARM64 开发板
  • 支持 Apple Silicon (M1/M2/M3) 设备
  • Dockerfile 自动安装 ARM64 原生模块编译工具链（python3/make/g++），构建完成后自动清理
  • 新增 build-multiarch.sh 多架构一键构建脚本
  • 启动时打印当前 CPU 架构，便于确认运行环境
• AI 智能标签：添加书签时自动调用 AI 生成适配标签
  • URL 分析完成后自动触发 AI 魔法（无需手动点击）
  • 自动填充标签 + 分类 + 优化描述
  • 新增 AI 设置面板、标签管理面板
• 批量 AI 智能分类：批量为选中书签通过 AI 分配分类
  • 无匹配分类时自动创建新分类
  • 同时更新标签和描述
  • 并发处理（2 个 worker），异步执行，实时进度轮询
• 批量 AI 元数据 & 图标：一键批量优化书签元数据
  • 优化标题（去除 SEO 后缀、保留品牌名）
  • 生成精炼描述，推荐 3-5 个标签
  • 推荐 Iconify 图标（优先 simple-icons 品牌图标、mdi、lucide）
  • 多语言输出：元数据跟随当前 UI 语言（中文/英文）
• AI 对话助手：智能书签搜索与发现助手
  • 语义搜索全部书签
  • 上下文感知回复，带可点击书签卡片
• 书签标签展示：书签卡片上展示彩色标签药丸
  • 基于标签名哈希生成 8 种柔和彩色（蓝/绿/橙/红/紫/粉/青/黄绿）
  • 分类区域和置顶区域卡片均展示标签
  • 最多显示 3 个标签，超出显示 +N

🔒 安全增强

[](https://github.com/cropflre/NOWEN#-%E5%AE%89%E5%85%A8%E5%A2%9E%E5%BC%BA)

• 书签/分类 API 认证保护：所有写操作（POST/PATCH/DELETE）均需登录认证
  • 后端 10 个路由添加 authMiddleware（书签 6 个 + 分类 4 个）
  • 前端 10 个 API 函数添加 requireAuth，GET 读取接口保持公开
• 前端权限控制：未登录用户仅可浏览，写操作入口全部隐藏
  • 隐藏 Dock「添加书签」和「AI 助手」按钮
  • 隐藏分类标题旁的编辑按钮（铅笔图标）
  • 隐藏空状态页「添加第一个书签」按钮
  • 禁用 Ctrl+N（新增书签）和 Ctrl+J（AI 助手）快捷键
  • 禁止未登录用户拖拽排序书签

🐛 Bug 修复

[](https://github.com/cropflre/NOWEN#-bug-%E4%BF%AE%E5%A4%8D)

• 修复 AI 智能标签存储格式不一致导致显示为 #["Google"] 的问题
• 修复导入备份时 tags 字段类型校验失败（兼容 string 和 array 两种格式）
• 修复导出 HTML 再导入时所有书签归到站点名分类的问题（跳过 PERSONAL_TOOLBAR_FOLDER 层级）
• 修复新增书签成功后页面未刷新的问题（保存后自动调用 refreshData）
• 修复 DndContext sensors 数组大小变化导致 React 警告的问题

v0.1.9 (2026-02-25)

[](https://github.com/cropflre/NOWEN#v019-2026-02-25)

✨ 新功能

[](https://github.com/cropflre/NOWEN#-%E6%96%B0%E5%8A%9F%E8%83%BD-1)

• 移动端能量球自由拖拽：移动端悬浮导航球支持自由拖拽到屏幕任意位置
  • 基于 Pointer Events 实现原生拖拽，6px 阈值精准区分拖拽与点击
  • 位置通过 localStorage 持久化，下次打开自动恢复
  • 拖拽时蓝色光晕 + 微放大视觉反馈
  • 点击展开花瓣式菜单，菜单项支持触觉振动反馈 (navigator.vibrate)
• 移动端底部状态栏：新增固定底部状态栏，集成系统监控 Ticker
  • 通过 leftSlot 插槽渲染实时系统状态（CPU/内存/网速等）
  • 玻璃模糊背景效果，支持 iOS 安全区域适配（safe-area-inset-bottom）
  • 能量球与底部栏完全独立，互不干扰
• 桌面端 Dock 自由拖拽：桌面端浮动 Dock 支持拖拽到任意位置
  • 位置通过 localStorage 持久化（key: desktop-dock-pos），默认居中靠底
  • 拖拽时边框发光反馈，鼠标变为 grabbing
  • macOS 风格磁性放大效果（鱼眼缩放）
• 移动端 Bento 单列布局：移动端书签网格从两列改为单列，阅读更舒适
• 系统监控三形态切换：迷你胶囊 / 状态栏 / 全功能仪表盘三种模式无缝切换
  • 视图模式通过 localStorage 持久化
  • 形态切换带 scale + fade + slide 平滑动画
• 仪表盘日间模式透明化：日间模式下监控仪表盘背景完全透明，与页面融为一体
  • 子卡片 DataBlock 背景同步透明化，边框降低至 30% 透明度

🐛 Bug 修复

[](https://github.com/cropflre/NOWEN#-bug-%E4%BF%AE%E5%A4%8D-1)

• 修复移动端能量球点击无法展开菜单的问题（去除 preventDefault 干扰）
• 修复移动端迷你模式状态栏未居中的问题
• 优化进度条动画性能，从 Framer Motion 改为原生 CSS Transition

xiaobao80

[quote][size=2][url=forum.php?mod=redirect&goto=findpost&pid=259456&ptid=55720][color=#999999]Drug 发表于 2026-2-25 18:21[/color][/url][/size] 再试试，兼容了[/quote]

直接拉去不到arm64；本机编译正常 cm3588-nas

内存图标97% 这个感觉不准，飞牛资源管理器显示 利用率14%；没有设备到arm CPU类型

Drug

你再试试，都修复了

Drug

xiaobao80 发表于 2026-2-28 13:35
直接拉去不到arm64；本机编译正常 cm3588-nas

内存图标97% 这个感觉不准，飞牛资源管理器显示 利用率1 ...

你再试试，都修复了

傅6351

好

xi042

可以更丰富一些，比如把时间和天气区改为一个卡片，左边显示天气情况，右边显示日期加农历的一些信息，天气卡片背景导入四季图片，自动跟随24节气变化显示对应的节气图片

Drug

xi042 发表于 2026-3-6 19:30
可以更丰富一些，比如把时间和天气区改为一个卡片，左边显示天气情况，右边显示日期加农历的一些信息，天气 ...

挺有想法的

王6301

感谢分享，很漂亮

Drug

王6301 发表于 2026-3-7 13:08
感谢分享，很漂亮

感谢支持嘻嘻

dzmnas

感谢分享，已部署，已star，提个建议：1、希望能调整书签所占的图块大小，现在显示的几个太占用位置页面，希望可以缩小点。

2、设置的背景如果选每日更换的那种，系统自带的名言有时就看不到了，被遮挡还是覆盖了。

Drug

dzmnas 发表于 2026-3-10 21:27
感谢分享，已部署，已star，提个建议：1、希望能调整书签所占的图块大小，现在显示的几个太占用位置页面， ...

感谢建议！这块我后续会优化一下~~

Drug

dzmnas 发表于 2026-3-10 21:27
感谢分享，已部署，已star，提个建议：1、希望能调整书签所占的图块大小，现在显示的几个太占用位置页面， ...

实现了，可以更新一下试试，记得备份资料

dzmnas

Drug 发表于 2026-3-11 11:13
实现了，可以更新一下试试，记得备份资料

你好，截至发帖时间，刷新了docker仓库，没收到新更新，没法调整标签的大小

Drug

dzmnas 发表于 2026-3-13 11:28
你好，截至发帖时间，刷新了docker仓库，没收到新更新，没法调整标签的大小 ...

118.145.185.221，网站你进去，然后鼠标放在开发栏目，右侧有大小变化的选项

Drug

dzmnas 发表于 2026-3-13 11:28
你好，截至发帖时间，刷新了docker仓库，没收到新更新，没法调整标签的大小 ...

你可以备份一下资料，然后再重新部署看看，版本更新挺大的。。。把性能卡片面板也调整大小了

王6301

version: '3.8'

services:
nowen:
image: cropflre/nowen:latest
container_name: nowen
restart: unless-stopped
expose:

• "3000"
  volumes:

• /vol1/1000/test/nowen/data:/app/server/data # 强烈建议映射数据目录，防丢失

• /:/host:ro

• /proc:/host/proc:ro

• /sys:/host/sys:ro

• /var/run/docker.sock:/var/run/docker.sock
  environment:

• SI_FILESYSTEM_DISK_PREFIX=/host

• PROC_PATH=/host/proc

• SYS_PATH=/host/sys
  privileged: true # 建议开启，以便读取更详细的硬件信息
  networks:

• app-network # 加入自定义网络，确保与 nginx 互通

nginx:
image: nginx:alpine
container_name: nowen_reverse-proxy
ports:

• "281:80" # HTTP（用于重定向+证书续期）

• "2666:443" # HTTPS（反向代理核心）
  volumes:

• /vol1/1000/test/nowen/nginx/nginx.conf:/etc/nginx/nginx.conf:ro

• /vol1/1000/test/nowen/nginx/conf.d:/etc/nginx/conf.d:ro

• /vol1/1000/test/nginx/acme_live/hashwwa.com.cn:/etc/nginx/ssl:ro
  depends_on:

• nowen # 确保nowen 先启动
  networks:

• app-network

networks:
app-network:
driver: bridge

作者好，这是我的docker compose加上了一个Nginx反向代理，可以正常使用网页，但是每次重启容器后就会数据重置，并没有留下数据，理论上在/vol1/1000/test/nowen/data 文件夹上的数据 也没有变化