nuxt-og-image
Nuxt OG Image 讓您能夠輕鬆地使用 Vue 組件或僅使用頁面螢幕截圖來產生 OG 圖片。
眾所周知，OG 圖片可以提高社交媒體上的點擊率。
剛接觸 Open Graph？請查看精通 Open Graph 標籤指南，以了解更多有關您為什麼可能需要此模組的資訊。
| 由我的贊助計畫 💖促成 追蹤我的推特 @harlan_zw 🐦 • 加入 Discord 以獲得協助 |
功能
- ✨ 使用內建模板建立
og:image，或使用 Vue 組件建立自己的模板 - 🎨 在 Nuxt DevTools OG Image Playground 中設計和測試您的
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 授權授權。