From 36d679c89273080c8700b149a679ba6ee4be8109 Mon Sep 17 00:00:00 2001
From: "chen.ma" <machen@apache.org>
Date: Thu, 4 May 2023 21:49:26 +0800
Subject: [PATCH] Introduce Baidu statistics

---
 docs/docusaurus.config.js                     | 368 +++++++++---------
 docs/src/components/HomepageFeatures/index.js | 101 ++---
 docs/src/pages/index.js                       |  64 +--
 3 files changed, 272 insertions(+), 261 deletions(-)

diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 857f2106..2c6faa93 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -6,215 +6,215 @@ 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',
-    // 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",
+  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',
 
-    // 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".
+  // 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: "en",
-    locales: ["en", "zh"],
+    defaultLocale: 'en',
+    locales: ['en', 'zh'],
     localeConfigs: {
       en: {
-        label: "English",
-        direction: "ltr",
+        label: 'English',
+        direction: 'ltr',
       },
       zh: {
-        label: "简体中文",
-        direction: "ltr",
+        label: '简体中文',
+        direction: 'ltr',
       },
     },
   },
 
-    presets: [
-        [
-            'classic',
-            /** @type {import('@docusaurus/preset-classic').Options} */
-            ({
-                docs: {
-                    sidebarPath: require.resolve('./sidebars.js'),
-                    // Please change this to your repo.
-                    // Remove this to remove the "edit this page" links.
-                    sidebarCollapsed: false,
-                    /*editUrl: 'https://github.com/longtai-cn',*/
-                },
-                blog: {
-                    showReadingTime: true,
-                    // 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/',
-                },
-                theme: {
-                    customCss: require.resolve('./src/css/custom.css'),
-                },
-            }),
-        ],
+  presets: [
+    [
+      'classic',
+      /** @type {import('@docusaurus/preset-classic').Options} */
+      ({
+        docs: {
+          sidebarPath: require.resolve('./sidebars.js'),
+          // Please change this to your repo.
+          // Remove this to remove the "edit this page" links.
+          sidebarCollapsed: false,
+          /*editUrl: 'https://github.com/longtai-cn',*/
+        },
+        blog: {
+          showReadingTime: true,
+          // 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/',
+        },
+        theme: {
+          customCss: require.resolve('./src/css/custom.css'),
+        },
+      }),
     ],
-    
-    plugins: [
-        [
-          "@docusaurus/plugin-content-docs",
-          {
-            id: "community",
-            path: "community",
-            routeBasePath: "community",
-            sidebarPath: require.resolve("./sidebarsCommunity.js"),
-          },
-        ],
+  ],
+
+  plugins: [
+    [
+      '@docusaurus/plugin-content-docs',
+      {
+        id: 'community',
+        path: 'community',
+        routeBasePath: 'community',
+        sidebarPath: require.resolve('./sidebarsCommunity.js'),
+      },
     ],
+  ],
 
-    themeConfig:
+  themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
-        ({
-            autoCollapseCategories: true,
-            announcementBar: {
-                id: 'announcementBar-1', // Increment on change
-                // content: `⭐️ If you like hippo4j, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://gitee.com/mabaiwancn/hippo4j">Gitee</a>, thanks.`,
-                // content: `⭐️ 如果您喜欢 hippo4j，请在 <a target="_blank" rel="noopener noreferrer" href="https://gitee.com/mabaiwancn/hippo4j">Gitee</a> 和 <a target="_blank" rel="noopener noreferrer" href="https://github.com/opengoofy/hippo4j">GitHub</a> 上给它一个 star，谢谢！`,
-                content: `⭐️ 开源不易，hippo4j 如果对您工作有帮助，请在 <a target="_blank" rel="noopener noreferrer" href="https://github.com/opengoofy/hippo4j">GitHub</a> 上给它一个 🌟`,
-                // content: `<a target="_blank" rel="noopener noreferrer" href="https://xiaomage.info/knowledge-planet/">👉 《小马哥的代码实战课》官方知识星球来啦！！！</a>`,
-            },
-            navbar: {
-                title: '',
-                logo: {
-                    alt: 'Hippo4j 动态可观测线程池框架',
-                    src: 'img/hippo4j.png',
-                },
-                items: [
-                    {
-                        type: 'docSidebar',
-                        docId: 'intro',
-                        position: 'left',
-                        sidebarId: 'user_docs',
-                        label: '文档',
-                    },
-                    {
-                      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: '/blog', label: '博客', position: 'left'},*/
-                    {
-                        href: 'http://console.hippo4j.cn/index.html',
-                        label: '控制台样例',
-                        position: 'left',
-                    },
-                    {
-                        href: 'https://gitee.com/opengoofy/congomall',
-                        label: '👉 刚果商城',
-                        position: 'left',
-                    },
-                    {
-                        type: 'docsVersionDropdown',
-                        position: 'right',
-                        dropdownActiveClassDisabled: true,
-                    },
+    ({
+      autoCollapseCategories: true,
+      announcementBar: {
+        id: 'announcementBar-1', // Increment on change
+        // content: `⭐️ If you like hippo4j, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://gitee.com/mabaiwancn/hippo4j">Gitee</a>, thanks.`,
+        // content: `⭐️ 如果您喜欢 hippo4j，请在 <a target="_blank" rel="noopener noreferrer" href="https://gitee.com/mabaiwancn/hippo4j">Gitee</a> 和 <a target="_blank" rel="noopener noreferrer" href="https://github.com/opengoofy/hippo4j">GitHub</a> 上给它一个 star，谢谢！`,
+        content: `⭐️ 开源不易，如果 Hippo4j 对您有帮助，请在 <a target="_blank" rel="noopener noreferrer" href="https://github.com/opengoofy/hippo4j">GitHub</a> 上给它一个 Star 🌟`,
+        // content: `<a target="_blank" rel="noopener noreferrer" href="https://xiaomage.info/knowledge-planet/">👉 《小马哥的代码实战课》官方知识星球来啦！！！</a>`,
+      },
+      navbar: {
+        title: '',
+        logo: {
+          alt: 'Hippo4j 动态可观测线程池框架',
+          src: 'img/hippo4j.png',
+        },
+        items: [
+          {
+            type: 'docSidebar',
+            docId: 'intro',
+            position: 'left',
+            sidebarId: 'user_docs',
+            label: '文档',
+          },
+          {
+            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: '/blog', label: '博客', position: 'left'},*/
+          {
+            href: 'http://console.hippo4j.cn/index.html',
+            label: '控制台样例',
+            position: 'left',
+          },
+          {
+            href: 'https://gitee.com/opengoofy/congomall',
+            label: '👉 刚果商城',
+            position: 'left',
+          },
+          {
+            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',
+          },
 
-                    /*{
+          /*{
                         href: 'https://github.com/opengoofy/hippo4j',
                         label: 'GitHub',
                         position: 'right',
                     },*/
-                ],
-            },
-            footer: {
-                style: 'dark',
-                links: [
-                    {
-                        title: 'Docs',
-                        items: [
-                            {
-                                label: 'Intro',
-                                to: '/docs/user_docs/intro',
-                            },
-                            {
-                                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',
-                            },
-                        ],
-                    },
-                    {
-                        title: 'Community',
-                        items: [
-                            {
-                                label: 'Group',
-                                href: 'https://hippo4j.cn/group',
-                            },
-                            {
-                                label: 'WeChat',
-                                href: 'https://mp.weixin.qq.com/s/diVHYvwiuYH9aWpZDPc27g',
-                            },
-                        ],
-                    },
-                    {
-                        title: 'More',
-                        items: [
-                            {
-                                label: 'Gitee',
-                                href: 'https://gitee.com/opengoofy/hippo4j',
-                            },
-                            {
-                                label: 'GitHub',
-                                href: 'https://github.com/opengoofy/hippo4j',
-                            },
-                        ],
-                    },
-                    {
-                        title: 'Links',
-                        items: [
-                            {
-                                label: '书源',
-                                href: 'https://bookyuan.cn/',
-                            },
-                            {
-                                label: '推广合作',
-                                href: 'https://hippo4j.cn/docs/user_docs/other/operation',
-                            },
-                        ],
-                    },
-                ],
-                copyright: `Copyright © 2021-2022 马丁版权所有 <a href="https://beian.miit.gov.cn">京ICP备2021038095号
+        ],
+      },
+      footer: {
+        style: 'dark',
+        links: [
+          {
+            title: 'Docs',
+            items: [
+              {
+                label: 'Intro',
+                to: '/docs/user_docs/intro',
+              },
+              {
+                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',
+              },
+            ],
+          },
+          {
+            title: 'Community',
+            items: [
+              {
+                label: 'Group',
+                href: 'https://hippo4j.cn/group',
+              },
+              {
+                label: 'WeChat',
+                href: 'https://mp.weixin.qq.com/s/diVHYvwiuYH9aWpZDPc27g',
+              },
+            ],
+          },
+          {
+            title: 'More',
+            items: [
+              {
+                label: 'Gitee',
+                href: 'https://gitee.com/opengoofy/hippo4j',
+              },
+              {
+                label: 'GitHub',
+                href: 'https://github.com/opengoofy/hippo4j',
+              },
+            ],
+          },
+          {
+            title: 'Links',
+            items: [
+              {
+                label: '书源',
+                href: 'https://bookyuan.cn/',
+              },
+              {
+                label: '推广合作',
+                href: 'https://hippo4j.cn/docs/user_docs/other/operation',
+              },
+            ],
+          },
+        ],
+        copyright: `Copyright © 2021-2022 马丁版权所有 <a href="https://beian.miit.gov.cn">京ICP备2021038095号
 </a>`,
-            },
-            prism: {
-                theme: lightCodeTheme,
-                darkTheme: darkCodeTheme,
-                additionalLanguages: ['java'],
-            },
-        }),
+      },
+      prism: {
+        theme: lightCodeTheme,
+        darkTheme: darkCodeTheme,
+        additionalLanguages: ['java'],
+      },
+    }),
 };
 
 module.exports = config;
diff --git a/docs/src/components/HomepageFeatures/index.js b/docs/src/components/HomepageFeatures/index.js
index 10b5d288..1cd3ab96 100644
--- a/docs/src/components/HomepageFeatures/index.js
+++ b/docs/src/components/HomepageFeatures/index.js
@@ -3,59 +3,60 @@ import clsx from 'clsx';
 import styles from './styles.module.css';
 
 const FeatureList = [
-    {
-        title: '动态变更',
-        Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
-        description: (
-            <>
-                应用运行时动态变更线程池参数，包括不限于核心、最大线程、阻塞队列大小和拒绝策略等，支持应用集群下不同节点线程池配置差异化
-            </>
-        ),
-    },
-    {
-        title: '自定义报警',
-        Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
-        description: (
-            <>
-                应用线程池运行时埋点，提供四种报警维度，线程池过载、阻塞队列容量、运行超长以及拒绝策略报警，并支持自定义时间内不重复报警
-            </>
-        ),
-    },
-    {
-        title: '运行监控',
-        Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
-        description: (
-            <>
-                支持自定义时长线程池运行数据采集存储，同时也支持 Prometheus、InfluxDB 等采集监控，通过 Grafana 或内置监控页面提供可视化大屏监控运行指标
-            </>
-        ),
-    },
+  {
+    title: '动态变更',
+    Svg: require('@site/static/img/undraw_docusaurus_mountain.svg').default,
+    description: (
+      <>
+        应用运行时动态变更线程池参数，包括不限于核心、最大线程、阻塞队列大小和拒绝策略等，支持应用集群下不同节点线程池配置差异化
+      </>
+    ),
+  },
+  {
+    title: '自定义报警',
+    Svg: require('@site/static/img/undraw_docusaurus_tree.svg').default,
+    description: (
+      <>
+        应用线程池运行时埋点，提供四种报警维度，线程池过载、阻塞队列容量、运行超长以及拒绝策略报警，并支持自定义时间内不重复报警
+      </>
+    ),
+  },
+  {
+    title: '运行监控',
+    Svg: require('@site/static/img/undraw_docusaurus_react.svg').default,
+    description: (
+      <>
+        支持自定义时长线程池运行数据采集存储，同时也支持 Prometheus、InfluxDB 等采集监控，通过
+        Grafana 或内置监控页面提供可视化大屏监控运行指标
+      </>
+    ),
+  },
 ];
 
-function Feature({Svg, title, description}) {
-    return (
-        <div className={clsx('col col--4')}>
-            <div className="text--center">
-                <Svg className={styles.featureSvg} role="img"/>
-            </div>
-            <div className="text--center padding-horiz--md">
-                <h3>{title}</h3>
-                <p>{description}</p>
-            </div>
-        </div>
-    );
+function Feature({ Svg, title, description }) {
+  return (
+    <div className={clsx('col col--4')}>
+      <div className="text--center">
+        <Svg className={styles.featureSvg} role="img" />
+      </div>
+      <div className="text--center padding-horiz--md">
+        <h3>{title}</h3>
+        <p>{description}</p>
+      </div>
+    </div>
+  );
 }
 
 export default function HomepageFeatures() {
-    return (
-        <section className={styles.features}>
-            <div className="container">
-                <div className="row">
-                    {FeatureList.map((props, idx) => (
-                        <Feature key={idx} {...props} />
-                    ))}
-                </div>
-            </div>
-        </section>
-    );
+  return (
+    <section className={styles.features}>
+      <div className="container">
+        <div className="row">
+          {FeatureList.map((props, idx) => (
+            <Feature key={idx} {...props} />
+          ))}
+        </div>
+      </div>
+    </section>
+  );
 }
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
index a1bdfacc..0c5bdc7a 100644
--- a/docs/src/pages/index.js
+++ b/docs/src/pages/index.js
@@ -5,38 +5,48 @@ import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 
 import styles from './index.module.css';
 
+if (ExecutionEnvironment.canUseDOM) {
+  var _hmt = _hmt || [];
+  (function () {
+    var hm = document.createElement('script');
+    hm.src = 'https://hm.baidu.com/hm.js?473eaadc06f3d63771f303df1fc29b58';
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(hm, s);
+  })();
+}
+
 function HomepageHeader() {
-    const {siteConfig} = useDocusaurusContext();
-    return (
-        <header className={clsx('hero hero--primary', styles.heroBanner)}>
-            <div className="container">
-                <h1 className="hero__title">{siteConfig.title}</h1>
-                <p className="hero__subtitle">{siteConfig.tagline}</p>
-                <div className={styles.buttons}>
-                    <Link
-                        className="button button--secondary button--lg"
-                        to="/docs/user_docs/intro">
-                        快速开始 - 5min ⏱️
-                    </Link>
-                </div>
-            </div>
-        </header>
-    );
+  const { siteConfig } = useDocusaurusContext();
+  return (
+    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+      <div className="container">
+        <h1 className="hero__title">{siteConfig.title}</h1>
+        <p className="hero__subtitle">{siteConfig.tagline}</p>
+        <div className={styles.buttons}>
+          <Link className="button button--secondary button--lg" to="/docs/user_docs/intro">
+            快速开始 - 5min ⏱️
+          </Link>
+        </div>
+      </div>
+    </header>
+  );
 }
 
 export default function Home() {
-    const {siteConfig} = useDocusaurusContext();
-    return (
-        <Layout
-            title={`${siteConfig.title}`}
-            description="Description will go into a meta tag in <head />">
-            <HomepageHeader/>
-            <main>
-                <HomepageFeatures/>
-            </main>
-        </Layout>
-    );
+  const { siteConfig } = useDocusaurusContext();
+  return (
+    <Layout
+      title={`${siteConfig.title}`}
+      description="Description will go into a meta tag in <head />"
+    >
+      <HomepageHeader />
+      <main>
+        <HomepageFeatures />
+      </main>
+    </Layout>
+  );
 }