Upgrade The HomePage Style

docusaurus.config.js

@@ -315,6 +315,17 @@ const config = {
         sidebarPath: require.resolve('./sidebars.js'),
       },
     ],
+    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,36 +16,39 @@
     "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",
     "aos": "^2.3.4",
+    "autoprefixer": "^10.4.19",
     "clsx": "^1.2.1",
     "file-loader": "^6.2.0",
     "framer-motion": "^10.18.0",
-    "module-type-aliases@3.3.2": "link:docusaurus/module-type-aliases@3.3.2",
+    "postcss": "^8.4.39",
     "prism-react-renderer": "^1.3.5",
     "prismjs": "^1.29.0",
     "react": "^18.3.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-dom": "^18.3.1",
+    "react-fast-marquee": "^1.6.4",
     "react-tsparticles": "^2.12.2",
     "sass-loader": "^13.3.3",
+    "tailwindcss": "^3.4.6",
     "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": [