AI 摘要：这篇文章介绍了如何使用 `satori` 在 Vercel 上部署一个 OpenGraph Image 服务。文章首先描述了使用 Fastify 作为基座服务，并通过 `satori` 库生成 OpenGraph 图片。具体步骤包括初始化项目、引入必要的依赖库（如 `satori` 和 `@resvg`）、封装字体和图片生成方法，以及在 Vercel 环境下的部署。还强调了如何处理远程图片、引入自定义字体以及确保图片链接的可访问性。最终通过 Fastify 路由生成和缓存 OpenGraph 图片。

innei.in

在 Vercel 部署一个 OpenGraph Image 服务

这篇文章是实现 Follow 的 Separate main application and external pages and SEO support 这个 PR 的一部分技术细节，由于其中的技术细节较多，所以这将是系列文中的一篇。 用过 Next.js 的同学应该都知道，Next.js 自带

哪个大善人做的这个 http://shots.so 啊！看起来是刚上线的，完全免费，无需注册，可视化做 Mockup 图，各种手机电脑型号都有，素材特别多，还有各种排列组合造型。

用来创建一些网站以及社交媒体的素材特别方便，我用了半天了，确实很棒，唯一缺点就是不支持不同设备的混排，比如一个电脑的 mockup 加一个手机的 mockup，不过已经很完美了，强烈建议大家收藏下。