docs: set Open Graph images based on page routes (#4477)

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',