从零开始-文件资源管理器

使用 dnd-kit 实现一个类似 window 窗口鼠标长按标题栏，可拖拽移动。释放鼠标时窗口位置固定的功能。

这里将使用 Github 的 Actions 创建 Docker 镜像。创建成功后同时上传至该项目的 Project 内。

开发 思路 使用 Map 对象管理 rss 订阅列表。自带基础的 get、set、delete 方法。 当添加一条订阅列表时，使用 uuid 作为 Map 的 key

为后续实现自定义订阅下载前置功能。使用 Next.js 对接 qbittorrent web api。实现 torrent 列表的呈现。

播放视频时，与当前播放视频同文件夹的自动加入播放列表内，方便跳转与查看。并新增一个使用 IINA 外部播放器的按钮。

Next.js + antd 支持“暗黑模式”与“明亮模式”之间的切换。将所选主题写入 cookie，保持服务端与客户端渲染一致

Next.js WebSocket + Xterm.js + node-pty 实现的 ”web 终端“功能。

为后续“web 终端”功能做前置准备。需要 WebSocket 的支持。 Next.js 创建 WebSocket 需要使用 pages router。app router 没有完整的 request

添加一个新建文件、编辑文件的功能。实现一些轻文本的编辑任务。使用 @uiw/react-codemirror 进行文本编辑。

JavaScript 的 array sort 方法对字符串的排序有些问题。 纯数字 字符串 数字加字符串 上面的例子发现，字符串的可以排序正常，数字的 11 会拍在 2 的前面。

使用 async 命令同步文件。实现备份或移动文件。使用文本流的形式将数据回传给客户端。并将信息展示出来。

这次使用 ffmpeg 创建视频的宫格预览图。 主要使用 ffmpeg 的 -ss 参数，获取指定秒数的帧图片。

前置准备 需要 ffmpeg 与配套的 ffprobe，ffprobe 用于获取视频的媒体信息。视频流，音频流，字幕等信息

解压缩 这里使用较为常用的 7z 来处理压缩包，它可以解开常见的压缩包格式。使用流形式传递文本信息。

使用 get-folder-size 读取目录大小。使用 node-df 分析磁盘信息。并在进入文件夹时，显示当前磁盘占用情况

自建 docker registry 私有仓库储存构建好的镜像。创建 Dockerfile，开发机器构建好镜像后上传至私有 docker 镜像仓库。NAS 使用 Docker Compose 启动容器

这次主要实现 创建文件夹、删除、移动 这三项功能。使用 Next.js 的 server action 完成此次功能开发。

一个快速选择文件夹树的组件。使用 ul 与 li 相互嵌套。当 ul 被装载时，通过接口获取传入的文件路径下的文件夹进行 li 遍历渲染。

使用 video.js 这个依赖完成浏览器播放视频资源。尝试了一下，常见资源中，除了 AVI 无法正常播放外，mp4、mkv 都能正常播放与快进。 React 稍微简单配置下即可完成视频播

使用 exifreader 依赖读取图片 Exif 信息。可读取常规 jpeg、png、WebP 等格式。数码相机的 RAW、CR2 均可读取。 可在本地浏览器直接运行，不需要上传至服务器进行解析。