[分享创造] 分享自己 Vibe 的相册应用
我把相册做成了一个 3D 地球
翻相册的时候突然意识到一件事——
我拍过的照片分散在五六个地方:手机里、百度网盘、微信朋友圈、QQ 空间、还有几个不知道什么时候注册的图床网站。
更难受的是,那些用来存博客配图的图床,要么是需要进入到二级界面才能放大,要么就是上传限制合规越来越严格。
同时在我前段时间逛 2 站发帖的过程中,因为图片外链接的问题还纠结了一阵子。当时我就想:能不能有一套自己的外链+相册系统?
- 照片全归自己管,谁都删不掉
- 能当图床用,外链稳定不失效
- 最好还能在地图上看到自己去过哪儿
于是我花了大概两周的业余时间,Vibe 出了这个东西:
LandCloud —— 一个长在地球上的私人相册。
名字没什么深意,就是"陆地+云",挺直白的。
先给你看最让我喜欢的功能
这个功能最早还是受到另一个相册项目的启发。(但是忘记是哪个了,等我想起来挂回来)
打开相册,你可以进入自己的 Map ,看到的不是冷冰冰的网格缩略图,而是一个 3D 地球。
上面每一个光点,都是我拍过照的地方。
点一下,那天在那个地方拍的所有照片就全部弹出来了。
说实话,第一次把这个功能跑通的时候,我一个人对着屏幕看了好久。从大学到工作这几年,去过的地方以这种方式呈现在眼前,那种感觉很难形容。像是有人把你过去几年的记忆,按坐标一个一个钉在了地球仪上。
我女朋友看到后第一反应是:**"那你以后去每个地方都要记得拍照,把这个球填满。"**
嗯,这个任务我接了。
它还是一个战斗力很强的图床
如果你写博客、做产品、或者需要在各个平台发图,LandCloud 也能当图床用。
- 所有图片存在 Cloudflare R2 ,CDN 加速,国内外访问都快
- 直链 + 代理链接两种外链方式,稳得很
- 相册可以设置分享密码,私密照片不外泄
- 支持批量上传,拖进去就行,不用一张一张点
- 支持手机扫码直传,无需第二步骤
我现在所有博客配图都走自己这个相册。
LivePhoto 也没落下
说实话,LivePhoto 真的是我很喜欢的功能,能够记录的内容从图片变成了持久的回忆,也许在按下快门之前有我们未发现的细节值得反复回味呢?
苹果的 LivePhoto 和安卓的 MotionPhoto ,传到普通图床就变成死图了,那个"按着会动"的魔法瞬间消失。
这个功能看起来小,但实际上大多数相册软件都不做,我也不知道为什么。明明大家都拍了那么多动态照片,结果存哪都变成静态的,太浪费了。
省钱才是王道
整套系统的运行成本:≈ 0 元。
- 存储用 Cloudflare R2:10GB 免费,个人相册够用三五年
- 数据库用 Supabase:免费额度对个人项目完全够
- 前端托管用 Vercel:个人开发者永久免费
- 地图用 Cesium:社区版免费
你只需要花几十块钱买个域名,挂上去就能用。
没有服务器要维护,没有数据库要备份,没有安全补丁要打。这仨平台把脏活累活全包了。
部分展示
虚拟足迹版首页
Hero 风格首页
管理后台
相册详情
照片详情
怎么部署?
三个平台,十分钟搞定:
- Supabase 注册,建个项目
- Cloudflare 注册,开 R2 存储桶
- Vercel 导入 GitHub 仓库,填几个环境变量
详细步骤篇幅太长,我写在 README 里了,跟着走就行。
是否还有下一步?
做戏还是做全套,对于这个项目还有几个需求后续等待完善:
- 外链海报: 能够让我们在分享图片的时候套上一些模板,让分享的图片看起来更立体更有氛围感
- 实况分享: 不是所有的站点都支持实况照片,希望通过嵌入 iframe 的方式来在任何支持 HTML 的地方嵌入自己的实况照片
- 合集: 不同于相册吧,合集是受到微信合集的启发,通过 iframe 或独立页面的形式来沉浸式的展示一组图片
- 图片编辑: 简易的图片编辑,不同格式的图片导出等
希望以上功能能对大家有所帮助,如果大家还有什么好的想法,欢迎提出你的意见或建议~:doge_flower:
最后
项目地址在这里: https://github.com/wyml/LandCloud
如果你觉得有点意思,欢迎点个 ⭐️,或者在 Issues 里告诉我你的想法。
也欢迎 PR ,代码写得烂的地方尽管骂,我脸皮厚,扛得住。
希望有一天能在大家的 LandCloud 地球上,看到更多有趣的光点。
P.S. 如果你部署完了,记得告诉我,我想看看你的地球长什么样。