非常小的成本实现一个图床（远远不止）

[int64ago]

可以直接先体验 https://302.at/

手机也可以扫码体验（用浏览器打开）：

下面就啰嗦下介绍下

应该很多人都跟我一样有图床的需求，我几年前其实就做了，实现也很简单，就是找个对象存储服务商（比如七牛、阿里云 OSS 等）通过 SDK 实现，但是一直很别扭。周末重新梳理了下，我个人对此类需求有以下诉求：

• 好用，好看，在 PC 和手机上体验都要好
• 可控，依赖可靠服务商
• 金钱成本少，除了对象存储这个钱不得不花，其它尽量不花钱
• 人力成本少，尽可能使用已有能力，服务无状态，可随意换机器或横向扩展

然后，周末我就把上面的需求都实现了，并且还扩展了很多其它实用的功能

特性

• 🙌 Image/Video/File uploading （图片 /视频 /文件上传，CDN 支持）
• 🛣 Image placeholder （图片占位符）
• 🤳 QR Code generator （二维码生成）
• 🙈 URL shortener （短链接）
• 🦅 Responsive （响应式设计）
• 🐲 PWA support （ PWA 支持）
• ...

技术栈及依赖

• Next.js - SSR && PWA
• Ant Design v4 - UI Components
• Auth0 - Authentication
• LeanCloud - Data Storage
• Aliyun OSS - File Storage
• Docker + Caddy - Serving
• GitHub Actions - CI/CD
• PLACEHOLDER.COM - Placeholder(Proxy)
• Google Charts - QR Code(Proxy)
• ...

一些预览图

有兴趣的话代码在 GitHub，可以 fork 过去自己改改就能部署，绝大多数配置我都抽离成环境变量了，当然直接用也可以，不过最好登录下，非登录态会有些限制

[iiduce]

没看懂，文件究竟存储到什么地方了？

[int64ago]

@iiduce 文件在阿里云 OSS，当然换其他也很简单

数据储存在 LeanCloud，主要是云数据库太贵，自己 VPS 搭的感觉也不靠谱

[int64ago]

@iiduce 为了横向扩展，基本上应用都是用的外部服务，所以机器基本就只有纯计算逻辑，我对这点诉求很高，因为要应对随时可能被封的主机

[Cbdy]

从一个设计师的角度，Logo 可以再设计一下，页面字号可以适当调整一下（感觉文字和按钮不协调字号）

[int64ago]

@Cbdy 🤓 求具体点的指导

[lhx2008]

项目是不错的，阿里云要注意账单

[sofarx]

你图床上传的图在我这里都是显示问号

[fengbjhqs]

如果只是图库，感觉可以不需要数据库， 可以自建 cdn，文件放本地

[7gugu]

噢，不错哦！会长久运营吗？

[luckyrayyy]

常见的图库都是放到第三方的，就没有能放到本地的么...

[int64ago]

@7gugu #9 我自己要用的东西肯定会长久，而且代码里有黑名单机制，如果有滥用的人会直接点对点拉黑

而且针对访问频率我也做了限制


当然，以上只要是正常使用都不会感知

[int64ago]

@luckyrayyy #10 放本地：

- 不便于迁移
- 可靠性不好保证（除非自己做三备份）
- 磁盘性能不行（当然 SSD 好点）
- 没法使用到一些高级特性（比如三方都会支持图片裁剪压缩等）

[chenxiaoyan]

测试了一下，上传挺快的，可老哥，怎么删掉我上传的图片？？😂

[int64ago]

@chenxiaoyan 登录状态下是可以删的，匿名为了不干扰别人测试，禁了删除

[iiduce]

一直想做一个自用放照片的网盘，觉着这个界面功能挺合适。

我有空闲的阿里云服务器 ECS，求教把文件和数据存储都放在阿里云上，容易改么？ 主要需做哪些工作。

希望能得到您的指教，谢谢！ @int64ago

[opengps]

目前看来并不是低成本，oss 的流量费问题你没有提到，这个往往是最贵的支出

[int64ago]

@opengps 我提到了

金钱成本少，除了对象存储这个钱不得不花，其它尽量不花钱

这个没办法，不得花这个钱

[int64ago]

@iiduce 部署这块我没多说，因为每个人部署方式可能都不一样

我可以说下我的：

- GitHub Actions 自动 Docker build && push

- 搞台 VPS，装好 Docker，然后便排好应用和 Caddy 即可

[ryV60s]

一打开就有黄图 (/ □ \)

[int64ago]

@ryV60s 不要慌，我接了鉴黄服务，我看到黄图确实貌似已经被自动冻结了 :-)