# utools-filebed

**Repository Path**: czfmuyu/utools-filebed

## Basic Information

- **Project Name**: utools-filebed
- **Description**: 基于Gitee和vue的文件床，使用Gitee API进行操作，同时可以作为插件安装到utools中，便于使用
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://stepdust.gitee.io/utools-filebed
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 6
- **Created**: 2023-10-20
- **Last Updated**: 2023-10-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# utools-filebed

## 介绍

主要作为图床存储MarkDown需要使用的图片，但亦可存储其他任何类型的文件  
相较于其他类型的图床，我最满意的是本项目支持文件夹分类管理

## 软件架构

UI：element-ui
插件：
Clipboard 复制文本到剪贴板
vue-FilePond 上传文件
数据存储使用localStorage或文件缓存于浏览器本地  
基于Gitee和vue的静态网站，没有使用utools任何api，支持单独运行  

## 二次开发教程

1. 克隆整个项目
2. 安装nodejs
3. 打开cmd，使用cd命令，进入你的项目根目录(xxxx/utools-filebed)
4. cmd中执行命令 npm instal -s
5. cmd中执行命令 npm run dev
6. 浏览器打开 http://localhost:8080
7. 你会发现项目已经跑起来了，之后请随意修改
8. 这是我用vue.js写的第一个项目，有不足之处请尽情批评

## 直接使用说明

### 方法一：本地使用

1. 在/History目录中，下载zip文件
2. 解压后，双击index.html文件即可使用
3. 此方法的文件下载功能有些问题，不影响其他功能使用，故暂时尚未处理
4. 此方法可以预览大图片(>1M)

### 方法二：浏览器使用

1. 直接访问浏览器地址：[跳转链接](http://stepdust.gitee.io/utools-filebed)
2. 注：更换浏览器后数据将会清空，保存好密钥

### 方法三：utools(推荐)

1. 下载软件[utools](https://u.tools/)
2. 在/History目录中，下载upx文件拖拽入utools中
3. 设置全局快捷键，详情参考[utools文档](https://u.tools/docs/guide/skills.html#%E5%85%A8%E5%B1%80%E5%BF%AB%E6%8D%B7%E9%94%AE)
4. 此方法无法预览大图片(>1M)，链接正常，响应超时，故预览失败

### 配置说明

运行起来后，页面内有详细说明

### 软件截图

![Video.gif](https://gitee.com/stepdust/FileBed/raw/master/MarkDown/utools-filebed/Video.gif "Video.gif")

## 更新日志

### V1.0.1

#### 修改

1. BUG，使用utools版本时，重启utools会导致localStorage缓存失效
    - 解决：修改了缓存机制，网站版本依旧使用localStorage，utools版本使用文件缓存
2. 体验问题，点击图片预览，会出现一个弹窗，再点击弹窗中的图片进入大图预览，并可以预览所有图片
    - 直接懒加载图片在列表中，点击进入大图预览，并可以预览所有图片
    - 图片过大无法预览时，会给出提示，兼容本地调试，网站使用，utools使用等不同情况
      - 注：图片预览失败的原因是响应超时，**链接本身没有任何问题**
      - 本地调试不存在无法预览的问题
      - 网站使用，会由于各网站设置的超时时间，出现不同结果
      - utools和大部分网站一样，超过1M的图片就无法预览了
3. 体验问题，修改复制MD格式的链接
    - 之前的格式是![文本]\(链接地址 "图片alt信息")
    - 发现很多地方不支持"图片alt信息"，这次就去掉了

#### 新增问题

1. utools版，截图粘贴功能，好像没法用了，其他版本正常，盲猜是utools的问题，抽时间查查

### V1.0.0

#### 功能说明

1. 支持上传，下载，删除文件
2. 支持新建文件夹，并对文件进行管理，这是我最爱的功能
3. 支持拖拽，多选以及复制上传文件
4. 支持文件上传时自动按时间戳重命名
5. 支持图片文件快速预览
6. 支持快速切换仓库