高颜值轻量化NAS导航面板！NOWEN一键Docker部署教程
集书签管理与系统监控于一体的极简个人导航站。✨ 特性
📚 书签管理 — 拖拽排序、分类标签、置顶 / 稍后阅读、AI 自动元数据与标签
🖥️ 系统监控 — CPU / 内存 / 硬盘 / 网络 / 温度 / Docker 容器实时状态
🔍 Spotlight 搜索 — ⌘/Ctrl + K 全局搜索，支持书签和命令
🎨 主题系统 — 8 款预设主题，深 / 浅双模式，跟随系统或时间自动切换
🌐 国际化 — 中文 / English / 日本語 / 한국어
💾 数据安全 — Named Volume + 多层备份机制，支持 WebDAV 云备份
🚀 多架构支持 — x86_64 / ARM64（适配树莓派、RK3588 等开发板）
📱 响应式 — 桌面 Dock 与移动端悬浮坞，触觉反馈
🚀 快速开始
Docker（推荐）
docker run -d \
--name nowen \
-p 3000:3000 \
-v nowen-data:/app/server/data \
-v nowen-backup:/app/.data-backup \
--restart unless-stopped \
cropflre/nowen:latest打开 http://localhost:3000，使用默认账号登录：
用户名 密码
admin admin123
⚠️ 首次登录后请立即修改默认密码。
Docker Compose
services:
nowen:
image: cropflre/nowen:latest
container_name: nowen
ports:
- "3000:3000"
volumes:
- nowen-data:/app/server/data
- nowen-backup:/app/.data-backup
restart: unless-stopped
volumes:
nowen-data:
nowen-backup:docker compose up -d本地开发
# 克隆并安装
git clone <a href="https://github.com/cropflre/NOWEN.git" target="_blank">https://github.com/cropflre/NOWEN.git</a>
cd NOWEN
npm install
cd server && npm install && cd ..
# 启动后端（端口 3001）
cd server && npm run dev
# 启动前端（端口 5173，新终端）
npm run dev🛠️ 技术栈
前端：React 18 · TypeScript · Vite · Tailwind CSS · Framer Motion · @dnd-kit · SWR · i18next
后端：Express · sql.js (SQLite) · systeminformation · Cheerio · WebDAV · node-cron
部署：Docker（多架构）· Nginx · GitHub Actions
⌨️ 快捷键
快捷键 功能
⌘/Ctrl + K Spotlight 搜索
⌘/Ctrl + N 新建书签
Esc 关闭弹窗
↑ ↓ / Enter 列表导航 / 确认
📦 数据持久化
数据库位于容器内 /app/server/data/zen-garden.db。建议保留默认的 Named Volume 配置，配合 8 层防呆机制（双卷互备、启动备份、运行时同步、SQLite 完整性校验等）保证数据安全。
也可在后台启用 WebDAV 云备份（坚果云 / 群晖 / Alist 等）实现定时异地备份。
📡 API 文档
REST API 详情见 server/ 目录下的路由代码，主要包含：
/api/bookmarks — 书签 CRUD、标签、批量操作
/api/categories — 分类管理
/api/admin — 登录、修改密码 / 用户名
/api/system — 实时硬件监控数据
/api/visits — 访问统计
/api/health-check — 链接健康检测
/api/backup — 备份与 WebDAV
/api/ai — AI 标签 / 分类 / 元数据
页:
[1]