nuxt-og-image
Nuxt OG Image 讓您能夠輕鬆地使用 Vue 組件或僅是網頁截圖來產生 OG 圖片。
OG 圖片已知可以提升社群媒體上的點擊率。
剛接觸 Open Graph 嗎？請查看掌握 Open Graph 標籤指南，以深入瞭解您可能需要此模組的原因。
| 感謝我的贊助計畫 💖 才得以實現 在 Twitter 上追蹤我 @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 許可證授權。