博客文章的 OG 图片

博客文章的 OG 图片是指当有人在 X、LinkedIn、Facebook、Slack 或 WhatsApp 上分享您的文章时显示的 1200×630 社交预览图片。FastOG 会根据您的文章标题、摘要和作者动态生成该图片——无需设计工作、无需上传、无需订阅，也无需登录即可开始使用。

为什么每篇博客文章都需要自己的 OG 图片

没有卡片或使用过时通用卡片的链接分享，会与其他文章混为一体。带有实际标题和简洁布局的每篇文章专属卡片，能获得更多分享和点击。手动为每篇文章生成一张卡片的成本，正是大多数博客只使用一张默认图片的原因——而这正是 FastOG 要解决的问题。

如何为博客文章获取动态 OG 图片

在页面渲染时，使用 template=blog、文章标题、摘要和作者对 URL 进行签名。社交爬虫抓取该 URL 后，FastOG 会渲染一次 PNG，并由 Cloudflare 缓存，因此后续每次分享都能即时完成且无需额外费用。

// Next.js App Router — app/blog/[slug]/page.tsx
export async function generateMetadata({ params }) {
    const post = await getPost(params.slug);
    return {
        title: post.title,
        openGraph: {
            images: [generateOgImageUrl({
                template: "blog",
                title: post.title,
                subtitle: post.excerpt,
                author: post.author.name,
            })],
        },
    };
}

如需包含作者和标题的专用博客卡片，请使用 template=blog；若偏好更简洁的仅标题布局，请使用 default。所有模板均以 1200×630 尺寸渲染。

哪个模板适合你的博客

常见问题

使用 FastOG 生成博客文章图片需要多少费用？

每张唯一图片仅需一次渲染；相同的 URL 会被永久边缘缓存，且不占用您的月度配额。

编辑文章后是否需要重新生成图片？

仅当标题、摘要或作者发生变化时才需要——URL 取决于内容，因此内容变更会产生新的 URL 和新的渲染。未变化的 URL 会保持缓存状态，且不占用您的配额。

我可以将 FastOG 与现有的博客框架一起使用吗？

可以。我们为 Next.js、React、SvelteKit、Vue/Nuxt、Astro、Express、Vanilla Node.js、JavaScript、PHP/Laravel、Python 和 Ruby/Rails 提供了即插即用的签名器（signer）。请参阅 SDK 页面。

相关链接

• API 参考
• SDK — 下载与使用
• OG 图片尺寸：1200×630 详解
• 为什么我的 og:image 不显示？