docs: fix homepage theme

web-infra-dev · Mar 26, 2024 · 139850a · 139850a
1 parent 2ca70db
commit 139850a
Show file tree

Hide file tree

Showing 4 changed files with 132 additions and 434 deletions.
diff --git a/packages/document/package.json b/packages/document/package.json
@@ -30,15 +30,15 @@
     "@types/react-dom": "^18",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "rsbuild-plugin-google-analytics": "^1.0.0",
     "rspress-plugin-font-open-sans": "^1.0.0",
-    "ts-node": "^10.9.2",
     "typescript": "^5.2.2"
   },
   "dependencies": {
     "framer-motion": "^10.17.6",
     "react-markdown": "^9.0.1",
     "rsfamily-nav-icon": "^1.0.2",
-    "rspress": "^1.15.1",
+    "rspress": "^1.16.1",
     "tailwindcss": "^3.4.0"
   }
 }
diff --git a/packages/document/rspress.config.ts b/packages/document/rspress.config.ts
@@ -1,6 +1,7 @@
-import * as path from 'path';
+import path from 'node:path';
 import { defineConfig } from 'rspress/config';
 import { pluginFontOpenSans } from 'rspress-plugin-font-open-sans';
+import { pluginGoogleAnalytics } from 'rsbuild-plugin-google-analytics';
 
 export default defineConfig({
   plugins: [pluginFontOpenSans()],
@@ -21,7 +22,6 @@ export default defineConfig({
   ],
   markdown: {
     checkDeadLinks: true,
-    experimentalMdxRs: true,
   },
   route: {
     cleanUrls: true,
@@ -31,7 +31,7 @@ export default defineConfig({
   globalStyles: path.join(__dirname, 'theme', 'index.css'),
   themeConfig: {
     footer: {
-      message: 'Copyright © 2023 Bytedance',
+      message: 'Copyright © 2024 ByteDance',
     },
     socialLinks: [
       {
@@ -66,6 +66,7 @@ export default defineConfig({
     ],
   },
   builderConfig: {
+    plugins: [pluginGoogleAnalytics({ id: 'G-9DETE89N4Q' })],
     source: {
       alias: {
         '@components': path.join(__dirname, 'src/components'),
@@ -78,25 +79,5 @@ export default defineConfig({
         addPlugins([require('tailwindcss')]);
       },
     },
-    html: {
-      tags: [
-        // Configure Google Analytics
-        {
-          tag: 'script',
-          attrs: {
-            async: true,
-            src: 'https://www.googletagmanager.com/gtag/js?id=G-9DETE89N4Q',
-          },
-        },
-        {
-          tag: 'script',
-          children: `
-window.dataLayer = window.dataLayer || [];
-function gtag(){dataLayer.push(arguments);}
-gtag('js', new Date());
-gtag('config', 'G-9DETE89N4Q');`,
-        },
-      ],
-    },
   },
 });
diff --git a/packages/document/theme/pages/index.tsx b/packages/document/theme/pages/index.tsx
@@ -12,7 +12,6 @@ export function HomeLayout() {
       <div
         className="relative dark:border-dark-50"
         style={{
-          background: 'var(--rp-home-bg)',
           minHeight: 'calc(40rem - var(--rp-nav-height))',
           paddingBottom: '24px',
         }}