爱意满满的作品展示区。
mltreebl

分享自己 Vibe 的相册应用

  •  
  •   mltreebl · 4h 8m ago · 156 views

    我把相册做成了一个 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. 如果你部署完了,记得告诉我,我想看看你的地球长什么样。

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1090 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 23:29 · PVG 07:29 · LAX 16:29 · JFK 19:29
    ♥ Do have faith in what you're doing.