Skip to content

Conversation

@mozumasu
Copy link
Owner

@mozumasu mozumasu commented Sep 10, 2025

概要

SlidevプロジェクトにOGP(Open Graph Protocol)画像の自動生成機能を追加しました。

変更内容

  • slides.mdのフロントマターにseoMeta設定を追加
  • ogImage: autoにより最初のスライドから自動的にOG画像を生成
  • 生成されたog-image.pngをリポジトリに追加(233KB)

効果

  • ソーシャルメディア(Twitter、Facebook、LinkedIn、Slackなど)でリンクを共有した際に、適切なプレビュー画像が表示されます
  • 手動でOG画像を作成する手間が省けます
  • ビルド時に自動的に最新のスライド内容が反映されます

確認方法

  1. pnpm buildでビルドを実行
  2. dist/index.htmlog:imageメタタグが追加されていることを確認
  3. og-image.pngが生成されていることを確認

スクリーンショット

最初のスライドから自動生成されたOG画像:
OG Image

- seoMeta設定でogImage: autoを追加
- 最初のスライドから自動的にOG画像を生成
- ソーシャルメディア共有時のプレビュー改善
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants