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 許可證 授權。