nuxt-og-image
Nuxt OG Image 允许您轻松地使用 Vue 组件或仅使用页面截图来生成 OG 图像。
众所周知，OG 图像可以提高社交媒体上的点击率。
不熟悉 Open Graph？请查看掌握 Open Graph 标签指南，了解更多关于为什么您可能需要此模块的信息。
| 由我的赞助计划 💖促成 关注我 @harlan_zw 🐦 • 加入 Discord 获取帮助 |
功能
- ✨ 使用内置模板创建
og:image，或使用 Vue 组件创建您自己的模板 - 🎨 在 Nuxt DevTools OG 图像游乐场中设计和测试您的
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 许可证获得许可。