Skip to content

Commit 95db474

Browse files
Social: add OG card for link previews (WhatsApp, LinkedIn, Twitter, etc.)
Generated a 1200x630 social card at static/img/og-card.png and wired it into themeConfig.image in docusaurus.config.ts. Every page now renders an og:image meta tag pointing at this card, so link previews on WhatsApp / LinkedIn / Twitter / Slack etc. show a branded card instead of nothing. The card is dark-themed with the green accent, matching the site: name, tagline, a row of five tech chips, and the URL. Generated from an SVG template via Chrome headless so the output is a proper PNG at 1200x630 (WhatsApp in particular doesn't reliably render SVG OG images). SVG template not committed; the PNG is the artefact the site serves. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent 4a2e1c6 commit 95db474

2 files changed

Lines changed: 1 addition & 2 deletions

File tree

docusaurus.config.ts

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,8 +56,7 @@ const config: Config = {
5656
],
5757

5858
themeConfig: {
59-
// Replace with your project's social card
60-
// image: 'img/docusaurus-social-card.jpg',
59+
image: 'img/og-card.png',
6160
colorMode: {
6261
defaultMode: 'dark',
6362
disableSwitch: true,

static/img/og-card.png

362 KB
Loading

0 commit comments

Comments
 (0)