mirror of
https://gitlab.com/MisterBiggs/brain-quartz.git
synced 2025-08-08 22:51:33 +00:00
.github
content
docs
advanced
features
Citations.md
Docker Support.md
Latex.md
Mermaid diagrams.md
Obsidian compatibility.md
OxHugo compatibility.md
RSS Feed.md
Roam Research compatibility.md
SPA Routing.md
backlinks.md
breadcrumbs.md
callouts.md
comments.md
darkmode.md
explorer.md
folder and tag listings.md
full-text search.md
graph view.md
i18n.md
index.md
popover previews.md
private pages.md
recent notes.md
social images.md
syntax highlighting.md
table of contents.md
upcoming features.md
wikilinks.md
images
plugins
tags
authoring content.md
build.md
configuration.md
hosting.md
index.md
layout-components.md
layout.md
migrating from Quartz 3.md
philosophy.md
setting up your GitHub repository.md
showcase.md
upgrading.md
quartz
.gitattributes
.gitignore
.node-version
.npmrc
.prettierignore
.prettierrc
CODE_OF_CONDUCT.md
Dockerfile
LICENSE.txt
README.md
globals.d.ts
index.d.ts
package-lock.json
package.json
quartz.config.ts
quartz.layout.ts
tsconfig.json
* checkpoint * make emitters async generators * fix * custom font spec * replace spinner, use disk cache for fonts * use readline instead * make og images look nice
20 lines
854 B
Markdown
20 lines
854 B
Markdown
---
|
|
title: "Social Media Preview Cards"
|
|
---
|
|
|
|
A lot of social media platforms can display a rich preview for your website when sharing a link (most notably, a cover image, a title and a description).
|
|
|
|
Quartz can also dynamically generate and use new cover images for every page to be used in link previews on social media for you.
|
|
|
|
## Showcase
|
|
|
|
After enabling the [[CustomOgImages]] emitter plugin, the social media link preview for [[authoring content | Authoring Content]] looks like this:
|
|
|
|
| Light | Dark |
|
|
| ----------------------------------- | ---------------------------------- |
|
|
| ![[social-image-preview-light.png]] | ![[social-image-preview-dark.png]] |
|
|
|
|
## Configuration
|
|
|
|
This functionality is provided by the [[CustomOgImages]] plugin. See the plugin page for customization options.
|