diff --git a/assets/social-card.jpg b/assets/social-card.jpg
new file mode 100644
index 0000000..80817b8
Binary files /dev/null and b/assets/social-card.jpg differ
diff --git a/docs/.gitignore b/docs/.gitignore
index ea82fdc..af84a0e 100644
--- a/docs/.gitignore
+++ b/docs/.gitignore
@@ -1,5 +1,5 @@
 # Synced by scripts/sync-assets.mjs, not committed
-/static/img/preview.png
+/static/img/
 
 # Docusaurus build output (also covered by root .gitignore, kept for local runs)
 /build/
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 359d278..882859e 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -45,6 +45,7 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
+      image: "img/social-card.jpg",
       navbar: {
         title: "Qoderian",
         items: [
diff --git a/docs/scripts/sync-assets.mjs b/docs/scripts/sync-assets.mjs
index 3569c78..b556fa8 100644
--- a/docs/scripts/sync-assets.mjs
+++ b/docs/scripts/sync-assets.mjs
@@ -10,6 +10,7 @@ const repoRoot = join(scriptsDir, "..", "..");
 
 const targets = [
   ["assets/preview.png", "static/img/preview.png"],
+  ["assets/social-card.jpg", "static/img/social-card.jpg"],
 ];
 
 for (const [from, to] of targets) {