Skip to content

Xynrin/nas-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CloudNAS - 浏览器个人云存储系统/ 来自于 linux-tool仓库地址 的子工具!

logo

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 install

开发模式

npm run dev

生产构建

npm 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 通知配置

支持配置 NTFY 服务器以接收文件操作推送通知:

  • 频道名称: 自定义主题频道(默认: silent-byte-111)
  • 开关: 可启用/禁用通知功能

域名与端口

  • 域名: 用于生成文件分享链接
  • 端口: API 服务监听端口(默认: 1111)

使用说明

首次使用

  1. 打开应用后,系统会提示创建管理员账户
  2. 输入用户名和密码完成注册
  3. 登录后即可开始使用云存储功能

文件管理

  • 上传文件: 点击上传按钮或拖拽文件到窗口
  • 创建文件夹: 点击新建文件夹按钮
  • 预览文件: 点击文件即可预览
  • 删除文件: 选择文件后点击删除(移至回收站)

回收站

  • 已删除的文件会在回收站中保留
  • 可恢复文件或清空回收站彻底删除

浏览器兼容性

  • Chrome 80+
  • Firefox 75+
  • Safari 14+
  • Edge 80+

注意事项

  1. 数据存储: 所有数据存储在浏览器 IndexedDB 中,清除浏览器数据会导致文件丢失
  2. 存储限制: 不同浏览器对 IndexedDB 容量有不同限制,建议不超过浏览器可用空间的 50%
  3. 隐私安全: 数据存储在本地浏览器中,不会上传到任何远程服务器

作者

Xynrin - 全栈开发者 | 技术爱好者

版本

当前版本: 1.0.0

许可证

GPL-V3

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors