Improve layout and style (#1492)

* modify docusaurus.config.js file

* small fix

* Adjust the layout of the homepage and introduce the GitHub button style.

Author: spongebody

docs/docusaurus.config.js

@@ -1,49 +1,49 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const lightCodeTheme = require("prism-react-renderer/themes/github");
-const darkCodeTheme = require("prism-react-renderer/themes/dracula");
+const lightCodeTheme = require('prism-react-renderer/themes/github');
+const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
-  title: "Hippo4j",
-  tagline: "动态可观测线程池框架，为业务系统提高线上运行保障能力",
-  url: "https://hippo4j.cn",
-  baseUrl: "/",
-  onBrokenLinks: "throw",
-  onBrokenMarkdownLinks: "warn",
-  favicon: "img/hippo4j_favicon.ico",
+  title: 'Hippo4j',
+  tagline: '动态可观测线程池框架，为业务系统提高线上运行保障能力',
+  url: 'https://hippo4j.cn',
+  baseUrl: '/',
+  onBrokenLinks: 'throw',
+  onBrokenMarkdownLinks: 'warn',
+  favicon: 'img/hippo4j_favicon.ico',
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.
-  organizationName: "hippo4j", // Usually your GitHub org/user name.
-  projectName: "hippo4j.github.io", // Usually your repo name.
-  deploymentBranch: "main",
+  organizationName: 'hippo4j', // Usually your GitHub org/user name.
+  projectName: 'hippo4j.github.io', // Usually your repo name.
+  deploymentBranch: 'main',
 
   // Even if you don't use internalization, you can use this field to set useful
   // metadata like html lang. For example, if your site is Chinese, you may want
   // to replace "en" with "zh-Hans".
   i18n: {
-    defaultLocale: "zh",
-    locales: ["en", "zh"],
+    defaultLocale: 'zh',
+    locales: ['en', 'zh'],
     localeConfigs: {
       en: {
-        label: "English",
-        direction: "ltr",
+        label: 'English',
+        direction: 'ltr',
       },
       zh: {
-        label: "简体中文",
-        direction: "ltr",
+        label: '简体中文',
+        direction: 'ltr',
       },
     },
   },
 
   presets: [
     [
-      "classic",
+      'classic',
       /** @type {import('@docusaurus/preset-classic').Options} */
       ({
         docs: {
-          sidebarPath: require.resolve("./sidebars.js"),
+          sidebarPath: require.resolve('./sidebars.js'),
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           // Do not automatically expand the menu
@@ -55,32 +55,32 @@ const config = {
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
           editUrl:
-            "https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/",
+            'https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/',
         },
         theme: {
-          customCss: require.resolve("./src/css/custom.css"),
+          customCss: require.resolve('./src/css/custom.css'),
         },
       }),
     ],
   ],
 
   plugins: [
     [
-      "@docusaurus/plugin-content-docs",
+      '@docusaurus/plugin-content-docs',
       {
-        id: "community",
-        path: "community",
-        routeBasePath: "community",
-        sidebarPath: require.resolve("./sidebarsCommunity.js"),
+        id: 'community',
+        path: 'community',
+        routeBasePath: 'community',
+        sidebarPath: require.resolve('./sidebarsCommunity.js'),
       },
     ],
     async function myPlugin(context, options) {
       return {
-        name: "docusaurus-tailwindcss",
+        name: 'docusaurus-tailwindcss',
         configurePostCss(postcssOptions) {
           // Appends TailwindCSS and AutoPrefixer.
-          postcssOptions.plugins.push(require("tailwindcss"));
-          postcssOptions.plugins.push(require("autoprefixer"));
+          postcssOptions.plugins.push(require('tailwindcss'));
+          postcssOptions.plugins.push(require('autoprefixer'));
           return postcssOptions;
         },
       };
@@ -92,64 +92,64 @@ const config = {
     ({
       autoCollapseCategories: true,
       announcementBar: {
-        id: "announcementBar-1", // Increment on change
+        id: 'announcementBar-1', // Increment on change
         content:
           '⭐️ If you like hippo4j, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/opengoofy/hippo4j">GitHub</a> ⭐️',
-        backgroundColor: "#fafbfc",
-        textColor: "#091E42",
+        backgroundColor: '#fafbfc',
+        textColor: '#091E42',
         isCloseable: false,
       },
       navbar: {
-        title: "",
+        title: '',
         logo: {
-          alt: "Hippo4j 动态可观测线程池框架",
-          src: "img/hippo4j.png",
+          alt: 'Hippo4j 动态可观测线程池框架',
+          src: 'img/hippo4j.png',
         },
         items: [
           {
-            type: "docSidebar",
-            docId: "intro",
-            position: "left",
-            sidebarId: "user_docs",
-            label: "文档",
+            type: 'docSidebar',
+            docId: 'intro',
+            position: 'left',
+            sidebarId: 'user_docs',
+            label: '文档',
           },
           {
-            to: "/community/contributor-guide",
-            label: "社区",
-            position: "left",
+            to: '/community/contributor-guide',
+            label: '社区',
+            position: 'left',
             activeBaseRegex: `/community/`,
           },
           /*{ to: "/team", label: "团队", position: "left" },*/
-          { to: "/users", label: "采用公司", position: "left" },
-          { to: "/group", label: "加群沟通", position: "left" },
+          { to: '/users', label: '采用公司', position: 'left' },
+          { to: '/group', label: '加群沟通', position: 'left' },
           /*{to: '/blog', label: '博客', position: 'left'},*/
           {
-            href: "http://console.hippo4j.cn/index.html",
-            label: "控制台样例",
-            position: "left",
+            href: 'http://console.hippo4j.cn/index.html',
+            label: '控制台样例',
+            position: 'left',
           },
           {
-            href: "https://magestack.cn",
-            label: "🚀 拿个offer",
-            position: "left",
+            href: 'https://magestack.cn',
+            label: '🚀 拿个offer',
+            position: 'left',
           },
           {
-            type: "docsVersionDropdown",
-            position: "right",
+            type: 'docsVersionDropdown',
+            position: 'right',
             dropdownActiveClassDisabled: true,
           },
 
-          { type: "localeDropdown", position: "right" },
+          { type: 'localeDropdown', position: 'right' },
           /*{
                                   href: 'https://gitee.com/mabaiwancn/hippo4j',
                                   label: 'Gitee',
                                   position: 'right',
                               },*/
           {
-            href: "https://github.com/opengoofy/hippo4j",
-            className: "header-github-link",
-            "aria-label": "GitHub repository",
-            position: "right",
+            href: 'https://github.com/opengoofy/hippo4j',
+            className: 'header-github-link',
+            'aria-label': 'GitHub repository',
+            position: 'right',
           },
 
           /*{
@@ -160,57 +160,57 @@ const config = {
         ],
       },
       footer: {
-        style: "dark",
+        style: 'dark',
         links: [
           {
-            title: "Docs",
+            title: 'Docs',
             items: [
               {
-                label: "Intro",
-                to: "/docs/user_docs/intro",
+                label: 'Intro',
+                to: '/docs/user_docs/intro',
               },
               {
-                label: "Config Mode",
-                to: "/docs/user_docs/getting_started/config/hippo4j-config-start",
+                label: 'Config Mode',
+                to: '/docs/user_docs/getting_started/config/hippo4j-config-start',
               },
               {
-                label: "Server Mode",
-                to: "/docs/user_docs/getting_started/server/hippo4j-server-start",
+                label: 'Server Mode',
+                to: '/docs/user_docs/getting_started/server/hippo4j-server-start',
               },
             ],
           },
           {
-            title: "Community",
+            title: 'Community',
             items: [
               {
-                label: "Group",
-                href: "https://hippo4j.cn/group",
+                label: 'Group',
+                href: 'https://hippo4j.cn/group',
               },
               {
-                label: "WeChat",
-                href: "https://mp.weixin.qq.com/s/diVHYvwiuYH9aWpZDPc27g",
+                label: 'WeChat',
+                href: 'https://mp.weixin.qq.com/s/diVHYvwiuYH9aWpZDPc27g',
               },
             ],
           },
           {
-            title: "More",
+            title: 'More',
             items: [
               {
-                label: "Gitee",
-                href: "https://gitee.com/opengoofy/hippo4j",
+                label: 'Gitee',
+                href: 'https://gitee.com/opengoofy/hippo4j',
               },
               {
-                label: "GitHub",
-                href: "https://github.com/opengoofy/hippo4j",
+                label: 'GitHub',
+                href: 'https://github.com/opengoofy/hippo4j',
               },
             ],
           },
           {
-            title: "Links",
+            title: 'Links',
             items: [
               {
-                label: "推广合作",
-                href: "https://hippo4j.cn/docs/user_docs/other/operation",
+                label: '推广合作',
+                href: 'https://hippo4j.cn/docs/user_docs/other/operation',
               },
             ],
           },
@@ -221,7 +221,7 @@ const config = {
       prism: {
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
-        additionalLanguages: ["java"],
+        additionalLanguages: ['java'],
       },
     }),
 };

docs/i18n/zh/code.json

@@ -262,7 +262,7 @@
     "description": "The homepage title description"
   },
   "homepage.titleDescription2": {
-    "message": "动态可观测线程池框架，为业务系统提高线上运行保障能力。",
+    "message": "动态可观测Java线程池框架，为你的业务系统提高线上运行保障能力",
     "description": "The homepage title description"
   },
   "homepage.startButton": {
@@ -326,7 +326,7 @@
     "description": "The third desc for fristPart "
   },
   "homepage.introduction.secondPartDesc1": {
-    "message": "应用程序线程池运行时点，提供四个告警维度。",
+    "message": "应用程序线程池运行时点，提供四个告警维度，并支持自定义时间内不重复报警。",
     "description": "The first desc for secondPart "
   },
   "homepage.introduction.secondPartDesc2": {
@@ -354,7 +354,11 @@
     "description": "The p1 for the secondTitle part"
   },
   "homepage.secondTitleDesc2": {
-    "message": "提供了线程池动态调整、自定义警报和操作监控等功能，以帮助提高业务系统的运营支持能力。",
+    "message": "提供了线程池动态调整、自定义警报和操作监控等功能。",
+    "description": "The p1 for the secondTitle part"
+  },
+  "homepage.secondTitleDesc3": {
+    "message": "帮助提高你的业务系统的运营支持能力。",
     "description": "The p2 for the secondTitle part"
   }
 }