@quartz-community/og-image

Generates Open Graph social preview images for each page using Satori and Sharp.

Installation

npx quartz plugin add github:quartz-community/og-image

Usage

plugins:
  - source: github:quartz-community/og-image
    enabled: true

For advanced use cases, you can override in TypeScript:

import * as ExternalPlugin from "./.quartz/plugins";

ExternalPlugin.CustomOgImages({
  colorScheme: "lightMode",
  width: 1200,
  height: 630,
});

Configuration

Option	Type	Default	Description
colorScheme	"lightMode" | "darkMode"	"lightMode"	The color scheme to use for the generated images.
width	number	1200	The width of the generated images.
height	number	630	The height of the generated images.
excludeRoot	boolean	false	Whether to exclude the root page from image generation.
defaultTitle	string	"Untitled"	The default title to use if a page has no title.
defaultDescription	string	"No description provided"	The default description to use if a page has no description.
readingTimeText	(minutes: number) => string	undefined	A function to format the reading time text.
imageStructure	function	undefined	A function to define the structure of the generated image.

Documentation

See the Quartz documentation for more information.

License

MIT