Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

feat: auto gen og#2226

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Merged
antfu merged 11 commits intoslidevjs:mainfromnaitokosuke:feat/auto-gen-og
Jul 27, 2025
Merged

feat: auto gen og#2226

antfu merged 11 commits intoslidevjs:mainfromnaitokosuke:feat/auto-gen-og
Jul 27, 2025

Conversation

@naitokosuke
Copy link
Contributor

Implement automatic og-image generation from first slide

Hi Slidev maintainers.

Thank you so much for your amazing work on Slidev.
I absolutely love this project!

This is my first feature implementation PR for Slidev, so please let me know if there's anything that needs improvement or if I'm causing any trouble.

I'm happy to make any necessary changes.

Motivation

Currently, Slidev users need to manually create og-images for social media sharing.
The existing workflow requires:

  • Export first slide as PNG

    • Runslidev export --format png --range 1 to generate first slide image

  • Rename and move file

    • Rename01.png toog-image.png and place in appropriate location

  • Host image somewhere

    • Upload to CDN, GitHub, or image hosting service

  • Configure URL in frontmatter

    seoMeta:ogImage:https://example.com/og-image.png

Usage

---# slides.md frontmatterseoMeta:ogImage:auto# Automatically generates og-image from first slide---

pinage404 reacted with thumbs up emoji
@netlify
Copy link

netlifybot commentedJul 13, 2025•
edited
Loading

✅ Deploy Preview forslidev ready!

NameLink
🔨 Latest commit1ab0c03
🔍 Latest deploy loghttps://app.netlify.com/projects/slidev/deploys/68859dfaf7cd6600086c5cea
😎 Deploy Previewhttps://deploy-preview-2226--slidev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to yourNetlify project configuration.

@pkg-pr-new
Copy link

pkg-pr-newbot commentedJul 13, 2025•
edited
Loading

Open in StackBlitz

@slidev/client

npm i https://pkg.pr.new/slidevjs/slidev/@slidev/client@2226

create-slidev

npm i https://pkg.pr.new/slidevjs/slidev/create-slidev@2226

create-slidev-theme

npm i https://pkg.pr.new/slidevjs/slidev/create-slidev-theme@2226

@slidev/parser

npm i https://pkg.pr.new/slidevjs/slidev/@slidev/parser@2226

@slidev/cli

npm i https://pkg.pr.new/slidevjs/slidev/@slidev/cli@2226

@slidev/types

npm i https://pkg.pr.new/slidevjs/slidev/@slidev/types@2226

commit:1ab0c03

@naitokosukenaitokosuke changed the titleFeat/auto gen ogfeat: auto gen ogJul 13, 2025
@naitokosukenaitokosuke marked this pull request as draftJuly 13, 2025 03:35
@naitokosukenaitokosuke marked this pull request as ready for reviewJuly 14, 2025 14:25
@antfu
Copy link
Member

Thanks! That's a great idea!

I think we could improve it even more:

  • We should by default support usingog-image.png on the project root
  • With this auto-gen feature, we generate./og-image.png on the project if it doesn't exist, so users could also commit it to the source control or make modifications to avoid repetitive exporting on CI
naitokosuke reacted with heart emoji

@antfuantfu merged commit3a34a18 intoslidevjs:mainJul 27, 2025
7 checks passed
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@naitokosuke@antfu@daguanren21
[8]ページ先頭
©2009-2025 Movatter.jp