受够了压缩和收费?我作为一个码农,手撸了一款无限容量、原图直出的瀑布流相册!


🚀 拒绝被"割韭菜"!我开发了一款免费、不压缩、无限空间去中心化数字记忆库的瀑布流相册系统

写在前面:为什么要重复造轮子?

作为一个喜欢拍照的码农,我深受市面上相册工具的折磨:要么容量告急强制收费 ,要么上传后画质被严重压缩

"与其被动接受,不如自己动手。"

于是,我利用业余时间开发了这款基于瀑布流设计、支持多种图床后端、专注于隐私与原图体验的在线相册管理系统。它完全免费,且数据掌握在你自己手中。


一、 它可以解决什么问题?

这款工具不仅仅是一个相册,更是一个去中心化的数字资产管理方案。相比于传统图库,它有以下核心优势:

  • 🚫 拒绝压缩: 支持原图上传与展示,保留照片的每一个像素细节。
  • 💸 拒绝收费: 巧妙利用公共云服务(GitHub/GitCode/Telegram)作为存储后端,理论上实现了无限免费空间
  • 🔒 数据自主: API Token 仅保存在本地浏览器缓存,图片存放在你自己的仓库/频道中,安全可控。
  • ⚡ 极致体验: 采用了瀑布流布局 + 懒加载技术,即使是几百张大图也能流畅浏览。

二、 核心功能深度体验

1. 🌐 时光画廊:沉浸式视觉盛宴


这里是系统的公共探索中心,采用了经典的瀑布流 (Masonry Layout) 设计,完美适配各种屏幕尺寸。

  • 多维筛选: 支持按类型、年份、地区组合筛选,快速找到那一年的回忆。
  • 懒加载优化: 只有滚动到可视区域时才加载图片,大幅节省流量并提升秒开率。
  • 社交互动: 看到喜欢的摄影大片?一键 点赞 (💖)收藏 (⭐),建立属于你的灵感库。

2. 👤 个人中心:我的数字资产保险箱

在这里,你拥有对数据的绝对控制权:

  • 全生命周期管理: 极简的创建、编辑、删除流程。
  • 隐私权限控制: 你可以将相册设置为**"私有",只有你自己能看到;也可以设置为"公开"**,分享给世界。
  • 分类整理: 独立的标签页管理你"收藏"和"点赞"的内容,方便回顾。

3. 💾 硬核功能:多种存储后端支持(亮点)

这是本系统最核心的技术创新点。为了实现"免费"且"高速"的存储,系统支持以下三种模式:

存储方式 适用场景 核心优势 安全性说明
GitCode (国内) 推荐 国内访问速度极快,适合国内用户。直接调用 API 上传。 Token 仅存本地浏览器,不经过服务端。
GitHub (国际) 备份/通用 开发者首选,只要不删库,数据理论永久保存。 Token 仅存本地浏览器,安全放心。
Telegram Bot 无限空间 利用 TG 的无限云存储特性,作为大容量图床。 适合存储海量非隐私图片。

三、 快速上手指南

无需复杂的部署,打开网页即可使用。

Step 1: 浏览与发现

直接进入首页,即可查看公开分享的精美照片。点击图片可进入大图预览模式(支持幻灯片播放)。

Step 2: 创建你的相册

  1. 点击导航栏 "我的相册"
  2. 点击 "+" 按钮,填写相册名称、描述。
  3. 智能元数据: 选择年份和地区,系统会自动为你的相册建立时空索引。

Step 3: 上传照片/视频

进入相册详情页,点击上传按钮。

  • 支持批量选择本地图片/视频。
  • 系统自动处理文件流,并通过你配置的 API Token 直传至你的仓库/云端。

四、 技术栈与性能优化细节

作为一名开发者,我也在用户体验上下足了功夫:

  • 响应式设计: 手机、平板、PC 三端完美适配。
  • 防抖与节流: 优化了滚动监听和搜索请求,拒绝卡顿。
  • 无感鉴权: 利用浏览器缓存机制管理 Token,既保证了便捷性,又确保了安全性。

🔗 立即体验

这款工具不仅是我的个人相册,也是我献给所有热爱记录生活的朋友们的礼物。

👉 在线体验地址: https://pjfun.top/fun/album_


👨‍💻 关于作者

如果你对这个项目的实现细节感兴趣,或者想交流技术:

如果您觉得这个工具不错,欢迎体验并分享给身边的朋友!

相关推荐
e***87701 小时前
windows配置永久路由
android·前端·后端
Dorcas_FE2 小时前
【tips】动态el-form-item中校验的注意点
前端·javascript·vue.js
小小前端要继续努力2 小时前
前端新人怎么更快的融入工作
前端
四岁爱上了她2 小时前
input输入框焦点的获取和隐藏div,一个自定义的下拉选择
前端·javascript·vue.js
fouryears_234172 小时前
现代 Android 后台应用读取剪贴板最佳实践
android·前端·flutter·dart
boolean的主人2 小时前
mac电脑安装nvm
前端
用户1972959188912 小时前
WKWebView的重定向(objective_c)
前端·ios
烟袅3 小时前
5 分钟把 Coze 智能体嵌入网页:原生 JS + Vite 极简方案
前端·javascript·llm
18你磊哥3 小时前
Django WEB 简单项目创建与结构讲解
前端·python·django·sqlite