项目简介

　　今天为你带来 Vercel 搭建超快轻量的 BLOB图床，Vercel Blob Next.js Starter 是Vercel官方推出的开源项目，基于Next.js框架，集成了Vercel Blob存储服务。说白了就是个带后端功能的图床系统，上传图片自动返回CDN链接，比传统方案省心十倍。

演示

项目优势

1. 真正的零成本：Vercel免费额度完全够个人使用，商用级CDN速度却不用花一分钱
2. 自动化运维：图片上传后自动压缩+优化，再也不用手动处理缩略图
3. 完美兼容Next.js：原生支持SSR/ISR，做博客配图时能显著提升页面加载速度
4. 防爬虫设计：默认配置下所有图片都有时效性签名，防止被恶意盗链

部署流程

1.准备一个 Vercel 账号，可以直接使用 Github 登录，创建存储库（点击快速创建）：Create

点击以下部署链接

2.在接下来的页面中，名称自己填写，然后添加一个 Blob Store，确定即可

3.等待部署完成即可，直到出现庆祝动画，点击 Continue to Dashboard。

4.点击 Settings → Environment Variables，在最下方找到名为 BLOB_READ_WRITE_TOKEN 的环境变量，点击复制，格式如下：

vercel_blob_rw_*************************************

5.返回 Settings → Functions，将区域更改为 Hong Kong (East) – hkg1 或 Tokyo, Japan (Northeast) – hnd1

6.打开你的 Github

7.打开文件 .env.example，将复制的内容粘贴到末尾，格式如下：

BLOB_READ_WRITE_TOKEN=vercel_blob_rw_*******************************

8.打开 / app / page.tsx，修改里面的内容为中文（建议保留原站链接），可参考我的配置

9.保存后，系统会重新部署一次，返回 Settings → Domains，添加你的域名。

提示：可以在 Storage 页面查看存储库状态，例如大小、读写次数统计等。

总结

　　这可能是今年见过最良心的图床方案了！部署难度几乎为零，Vercel的全球CDN网络让图片加载飞快。重点是完全开源无后门，比那些突然跑路的第三方图床可靠多了。

本文来自投稿，不代表本站立场，如若转载，请注明出处：