分享自己 Vibe 的相册应用

mltreebl 2026-08-22 03:20 1

我把相册做成了一个 3D 地球


翻相册的时候突然意识到一件事——


我拍过的照片分散在五六个地方:手机里、百度网盘、微信朋友圈、QQ 空间、还有几个不知道什么时候注册的图床网站。


更难受的是,那些用来存博客配图的图床,要么是需要进入到二级界面才能放大,要么就是上传限制合规越来越严格。


同时在我前段时间逛 2 站发帖的过程中,因为图片外链接的问题还纠结了一阵子。当时我就想:能不能有一套自己的外链+相册系统?



  • 照片全归自己管,谁都删不掉

  • 能当图床用,外链稳定不失效

  • 最好还能在地图上看到自己去过哪儿


于是我花了大概两周的业余时间,Vibe 出了这个东西:


LandCloud —— 一个长在地球上的私人相册。


名字没什么深意,就是"陆地+云",挺直白的。




先给你看最让我喜欢的功能


这个功能最早还是受到另一个相册项目的启发。(但是忘记是哪个了,等我想起来挂回来)


打开相册,你可以进入自己的 Map ,看到的不是冷冰冰的网格缩略图,而是一个 3D 地球


屏幕截图_22-8-2026_3950_albums.landonblue.cn


上面每一个光点,都是我拍过照的地方。


点一下,那天在那个地方拍的所有照片就全部弹出来了。


说实话,第一次把这个功能跑通的时候,我一个人对着屏幕看了好久。从大学到工作这几年,去过的地方以这种方式呈现在眼前,那种感觉很难形容。像是有人把你过去几年的记忆,按坐标一个一个钉在了地球仪上。


我女朋友看到后第一反应是:**"那你以后去每个地方都要记得拍照,把这个球填满。"**


嗯,这个任务我接了。




它还是一个战斗力很强的图床


如果你写博客、做产品、或者需要在各个平台发图,LandCloud 也能当图床用。



  • 所有图片存在 Cloudflare R2 ,CDN 加速,国内外访问都快

  • 直链 + 代理链接两种外链方式,稳得很

  • 相册可以设置分享密码,私密照片不外泄

  • 支持批量上传,拖进去就行,不用一张一张点

  • 支持手机扫码直传,无需第二步骤


我现在所有博客配图都走自己这个相册。




LivePhoto 也没落下



说实话,LivePhoto 真的是我很喜欢的功能,能够记录的内容从图片变成了持久的回忆,也许在按下快门之前有我们未发现的细节值得反复回味呢?



苹果的 LivePhoto 和安卓的 MotionPhoto ,传到普通图床就变成死图了,那个"按着会动"的魔法瞬间消失。


这个功能看起来小,但实际上大多数相册软件都不做,我也不知道为什么。明明大家都拍了那么多动态照片,结果存哪都变成静态的,太浪费了。




省钱才是王道


整套系统的运行成本:≈ 0 元



  • 存储用 Cloudflare R2:10GB 免费,个人相册够用三五年

  • 数据库用 Supabase:免费额度对个人项目完全够

  • 前端托管用 Vercel:个人开发者永久免费

  • 地图用 Cesium:社区版免费


你只需要花几十块钱买个域名,挂上去就能用。


没有服务器要维护,没有数据库要备份,没有安全补丁要打。这仨平台把脏活累活全包了。




部分展示


3D 地球版本首页
虚拟足迹版首页


Hero 版首页
Hero 风格首页


屏幕截图_22-8-2026_3419_albums.landonblue.cn
管理后台


屏幕截图_22-8-2026_3538_albums.landonblue.cn
相册详情


屏幕截图_22-8-2026_362_albums.landonblue.cn
照片详情




怎么部署?


三个平台,十分钟搞定:



  1. Supabase 注册,建个项目

  2. Cloudflare 注册,开 R2 存储桶

  3. Vercel 导入 GitHub 仓库,填几个环境变量


详细步骤篇幅太长,我写在 README 里了,跟着走就行。




是否还有下一步?


做戏还是做全套,对于这个项目还有几个需求后续等待完善:



  • 外链海报: 能够让我们在分享图片的时候套上一些模板,让分享的图片看起来更立体更有氛围感

  • 实况分享: 不是所有的站点都支持实况照片,希望通过嵌入 iframe 的方式来在任何支持 HTML 的地方嵌入自己的实况照片

  • 合集: 不同于相册吧,合集是受到微信合集的启发,通过 iframe 或独立页面的形式来沉浸式的展示一组图片

  • 图片编辑: 简易的图片编辑,不同格式的图片导出等


希望以上功能能对大家有所帮助,如果大家还有什么好的想法,欢迎提出你的意见或建议~:doge_flower:


最后


项目地址在这里:
https://github.com/wyml/LandCloud


如果你觉得有点意思,欢迎点个 ⭐️,或者在 Issues 里告诉我你的想法。


也欢迎 PR ,代码写得烂的地方尽管骂,我脸皮厚,扛得住。


希望有一天能在大家的 LandCloud 地球上,看到更多有趣的光点。




P.S. 如果你部署完了,记得告诉我,我想看看你的地球长什么样。

最新回复 (5)
  • KorwinTeo 08-22 08:42
    1
    地图瓦片数据不是最新的
  • aero99 08-22 08:50
    2
    你忘了考虑视频了,我自己平时拍的短视频比较多,就 AI 了个人媒体库,也使用 R2+D1 的方式,缺点就是 APP 流式播放需要缓存( Cloudflare 自己的要收费)几秒,有时候还会卡顿,实在想不出什么好办法解决,分片那种感觉麻烦,自动转码需要服务端支持。目前主力还是 Google 相册,但是功能又满足不了自己要求。
  • KorwinTeo 08-22 08:57
    3
    @aero99 我很久之前做了一个纠正谷歌地图路网的应用,https://map.3aux.com/ ,用的是 https://leafletjs.com/这个开源项目,你可以试试这个,它的数据相对新一点,或许对你有帮助
  • mltreebl 楼主 08-22 16:11
    4
    @KorwinTeo 感谢分享,我看一下。
  • mltreebl 楼主 08-22 16:12
    5
    @aero99 有考虑视频,但是流量、存储啥的都不低。不过在看云函数是否能够完成这个功能了,如果可以的话可以尝试一下。
* 帖子来源V2EX
返回