From e136112e92a9d94ab3aaba2efb7719afc7d8d242 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan.jait@bytedance.com>
Date: Mon, 3 Feb 2025 11:23:27 +0800
Subject: [PATCH] docs: set Open Graph images based on page routes (#4477)

---
 website/rspress.config.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/website/rspress.config.ts b/website/rspress.config.ts
index 52084edcaa..79a2b3ed15 100644
--- a/website/rspress.config.ts
+++ b/website/rspress.config.ts
@@ -133,6 +133,17 @@ export default defineConfig({
       },
     ],
   },
+  head: [
+    ({ routePath }) => {
+      const getOgImage = () => {
+        if (routePath.endsWith('releases/v1-0')) {
+          return 'assets/rsbuild-og-image-v1-0.png';
+        }
+        return 'rsbuild-og-image.png';
+      };
+      return `<meta property="og:image" content="https://assets.rspack.dev/rsbuild/${getOgImage()}">`;
+    },
+  ],
   builderConfig: {
     dev: {
       lazyCompilation: true,
@@ -144,8 +155,6 @@ export default defineConfig({
         title: 'Rsbuild',
         type: 'website',
         url: siteUrl,
-        image:
-          'https://assets.rspack.dev/rsbuild/assets/rsbuild-og-image-v1-0.png',
         description: 'The Rspack-based build tool',
         twitter: {
           site: '@rspack_dev',