CloudNAS - 浏览器个人云存储系统/ 来自于 linux-tool仓库地址 的子工具!
English | 简体中文
后端服务器说明:点击查看
CloudNAS 是一个基于浏览器的个人云存储系统,使用 React 和 IndexedDB 构建。该系统提供完整的文件管理功能,支持上传、下载、删除和预览文件,所有数据存储在本地浏览器中,无需服务器即可运行。
访问linux-tool仓库地址,使用一键脚本,选择cloundNAS,完成后在终端输入
cloundNAS
- 文件上传下载 - 支持拖拽上传、批量操作
- 文件夹管理 - 创建、删除、重命名文件夹
- 文件预览 - 支持图片、视频、文档在线预览
- 回收站 - 误删文件可恢复,清空回收站彻底删除
- 存储统计 - 实时显示存储使用情况和文件分类统计
- 存储空间 - 可配置 1GB - 100GB 存储容量
- 域名配置 - 自定义访问域名
- 端口设置 - 配置 API 服务端口(默认 1111)
- NTFY 通知 - 文件操作推送通知支持
- 单用户模式 - 系统仅允许一个管理员账户
- 本地认证 - 基于 IndexedDB 的用户认证
- 会话管理 - 支持保持登录状态
- 前端框架: React 18
- 构建工具: Vite
- 数据存储: IndexedDB
- 图标库: Lucide React
- 样式: CSS3
cd nas-system
npm installnpm run devnpm run build构建完成后,静态文件将生成在 dist 目录中。
nas-system/
├── image/
│ └──logo.jpg # logo
├── src/
│ ├── components/
│ │ ├── FileManager.jsx # 文件管理器主组件
│ │ ├── Login.jsx # 登录/注册页面
│ │ ├── Settings.jsx # 设置页面
│ │ ├── Sidebar.jsx # 侧边栏导航
│ │ ├── StorageDashboard.jsx # 存储仪表盘
│ │ └── Trash.jsx # 回收站
│ ├── services/
│ │ ├── auth.jsx # 认证服务
│ │ └── storage.jsx # 存储服务
│ ├── App.jsx # 主应用组件
│ ├── index.css # 全局样式
│ └── main.jsx # 入口文件
├── index.html
├── package.json
└── vite.config.js
在设置页面中,可以配置以下存储容量选项:
- 1 GB
- 5 GB
- 10 GB
- 20 GB
- 30 GB
- 40 GB
- 50 GB
- 100 GB
支持配置 NTFY 服务器以接收文件操作推送通知:
- 频道名称: 自定义主题频道(默认: silent-byte-111)
- 开关: 可启用/禁用通知功能
- 域名: 用于生成文件分享链接
- 端口: API 服务监听端口(默认: 1111)
- 打开应用后,系统会提示创建管理员账户
- 输入用户名和密码完成注册
- 登录后即可开始使用云存储功能
- 上传文件: 点击上传按钮或拖拽文件到窗口
- 创建文件夹: 点击新建文件夹按钮
- 预览文件: 点击文件即可预览
- 删除文件: 选择文件后点击删除(移至回收站)
- 已删除的文件会在回收站中保留
- 可恢复文件或清空回收站彻底删除
- Chrome 80+
- Firefox 75+
- Safari 14+
- Edge 80+
- 数据存储: 所有数据存储在浏览器 IndexedDB 中,清除浏览器数据会导致文件丢失
- 存储限制: 不同浏览器对 IndexedDB 容量有不同限制,建议不超过浏览器可用空间的 50%
- 隐私安全: 数据存储在本地浏览器中,不会上传到任何远程服务器
Xynrin - 全栈开发者 | 技术爱好者
当前版本: 1.0.0
