nuxt-og-image

NuxtでVueテンプレートを使用してOG画像を生成します。

状況: v3安定版がリリースされました！ 問題が発生した場合は報告してください🐛 私のスポンサープログラム💖によって実現しました 私をフォローしてください@harlan_zw 🐦 •Discordで参加して支援を受けましょう

• 👾  Playground

機能

• ✨組み込みテンプレートを使用してog:imageを作成するか、Vueコンポーネントを使用して独自のものを作成します
• フルHMRを使用したNuxt DevTools OG Image Playgroundでog:imageを設計してテストします
• ▲Satoriを使用してレンダリングします。テーマ、Googleフォント、6つの絵文字ファミリーなどをサポートするTailwind / UnoCSS
• または、Browserを使用してプレレンダリングします。複雑なテンプレートを苦もなくサポートします
• 📸簡単に感じますか？各ページのスクリーンショットを生成するだけ。要素の非表示、アニメーションの待機など
• ⚙️エッジで動作します。Vercel Edge、Netlify Edge、Cloudflare Workers

設置

プロジェクトにnuxt-og-imageの依存関係をインストールします

npx nuxi@latest module add og-image

ドキュメント

📖完全なドキュメントを読むには、詳細情報があります。

スポンサー

ライセンス

MIT License © 2023-PRESENT Harlan Wilton