og-images - 为Next.js应用程序创建OpenGraph和Twitter分享图片
使用next/og ImageResponse生成动态的OpenGraph和Twitter分享图片
标签
更新于: 2026-03-09能力
典型输入
典型输出
该技能可以做什么
- 创建OpenGraph图片
- 生成Twitter卡片
- 使用next/og ImageResponse
- 加载自定义字体
- 在图片中包含头像
- 应用标题大小写格式化
- 在浏览器中测试分享图片
输入
- Next.js项目
- 字体TTF文件
- 头像图片
- 标题内容
- 副标题内容
- 页面slug
输出
- OpenGraph图片文件
- Twitter卡片图片
- 动态API端点
- ImageResponse对象
要求
- Next.js框架
- 边缘运行时环境
- Satori渲染引擎
- 公共字体目录
- ImageResponse API