[Refactor] Refactor the HomePage

docusaurus.config.js

@@ -19,7 +19,6 @@
 const path = require('path')
 // TODO: [remove] 代码块只用dark主题
 const darkTheme = require('prism-react-renderer/themes/vsDark')
-const tailwindPlugin = require('./plugins/tailwind-config.cjs')
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -314,17 +313,17 @@ const config = {
         sidebarPath: require.resolve('./sidebars.js'),
       },
     ],
-    tailwindPlugin,
-    // async function tailwindcss(context, options) {
-    //   return {
-    //     name: "docusaurus-tailwindcss",
-    //     configurePostCss(postcssOptions) {
-    //       postcssOptions.plugins.push(require("tailwindcss"));
-    //       postcssOptions.plugins.push(require("autoprefixer"));
-    //       return postcssOptions;
-    //     },
-    //   };
-    // },
+    async function tailwindcssPlugin(context, options) {
+      return {
+          name: 'docusaurus-tailwindcss',
+          configurePostCss(postcssOptions) {
+              // Appends TailwindCSS and AutoPrefixer.
+              postcssOptions.plugins.push(require('tailwindcss'));
+              postcssOptions.plugins.push(require('autoprefixer'));
+              return postcssOptions;
+          },
+      };
+  },
     // load github info
     path.resolve(__dirname, 'plugins', 'github-info')
   ],

i18n/zh-CN/docusaurus-plugin-content-docs/current/get-started/3.dockerDeployment.md

@@ -30,7 +30,7 @@ wget https://raw.githubusercontent.com/apache/incubator-streampark/dev/docker/do
 wget https://raw.githubusercontent.com/apache/incubator-streampark/dev/docker/.env
 docker-compose up -d
 ```
-服务启动后，可以通过 http://localhost:10000 访问 StreamPark，同时也可以通过 http://localhost:8081访问Flink。访问StreamPark链接后会跳转到登陆页面，StreamPark 默认的用户和密码分别为 admin 和 streampark。想要了解更多操作请参考用户手册快速上手。
+服务启动后，可以通过 http://localhost:10000 访问 StreamPark，同时也可以通过 http://localhost:8081 访问Flink。访问StreamPark链接后会跳转到登陆页面，StreamPark 默认的用户和密码分别为 admin 和 streampark。想要了解更多操作请参考用户手册快速上手。
 ![](/doc/image/streampark_docker-compose.png)
 
 该部署方式会自动给你启动一个flink-session集群供你去进行flink任务使用，同时也会挂载本地docker服务以及~/.kube来用于k8s模式的任务提交

package.json

@@ -16,12 +16,12 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "3.3.2",
-    "@docusaurus/plugin-content-docs": "3.3.2",
-    "@docusaurus/preset-classic": "3.3.2",
-    "@docusaurus/theme-common": "3.3.2",
-    "@docusaurus/theme-mermaid": "3.3.2",
-    "@docusaurus/utils-common": "3.3.2",
+    "@docusaurus/core": "3.4.0",
+    "@docusaurus/plugin-content-docs": "3.4.0",
+    "@docusaurus/preset-classic": "3.4.0",
+    "@docusaurus/theme-common": "3.4.0",
+    "@docusaurus/theme-mermaid": "3.4.0",
+    "@docusaurus/utils-common": "3.4.0",
     "@easyops-cn/docusaurus-search-local": "^0.36.0",
     "@mdx-js/react": "^3.0.1",
     "@svgr/webpack": "^6.5.1",
@@ -30,7 +30,6 @@
     "clsx": "^1.2.1",
     "file-loader": "^6.2.0",
     "framer-motion": "^10.18.0",
-    "[email protected]": "link:docusaurus/[email protected]",
     "postcss": "^8.4.39",
     "prism-react-renderer": "^1.3.5",
     "prismjs": "^1.29.0",
@@ -44,12 +43,12 @@
     "url-loader": "^4.1.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.3",
-    "@tsconfig/docusaurus": "^1.0.7",
+    "@docusaurus/module-type-aliases": "3.4.0",
+    "@tsconfig/docusaurus": "^2.0.3",
     "docusaurus-plugin-less": "^2.0.2",
     "less": "^4.2.0",
     "less-loader": "^10.2.0",
-    "typescript": "^4.9.5"
+    "typescript": "^5.5.3"
   },
   "browserslist": {
     "production": [