nuxt-og-image

在 Nuxt 中使用 Vue 模板生成 OG 图像。

状态： v3 稳定版已发布！ 请报告任何问题 🐛 由我的 赞助计划 💖 支持 关注我 @harlan_zw 🐦 • 加入 Discord 获取帮助

• 👾  游乐场

功能

• ✨ 使用内置模板创建 og:image 或使用 Vue 组件创建自己的模板
• 🎨 在 Nuxt DevTools OG Image 游乐场中设计和测试您的 og:image，并支持完整 HMR
• ▲ 使用 Satori 渲染：支持 Tailwind / UnoCSS 以及您的主题、Google 字体、6 个表情符号系列等等！
• 🤖 或使用浏览器预渲染：支持轻松处理复杂的模板
• 📸 感觉很懒？只需为每个页面生成屏幕截图：隐藏元素、等待动画等等
• ⚙️ 在边缘工作：Vercel Edge、Netlify Edge 和 Cloudflare Workers

安装

将 nuxt-og-image 依赖项安装到您的项目中

npx nuxi@latest module add og-image

文档

📖 阅读完整文档 以获取更多信息。

赞助商

许可证

MIT 许可证 © 2023-至今 Harlan Wilton