fix: cn guru widget

Author: Chasen-Zhang

docs/cn/guides/20-cloud/10-using-databend-cloud/01-warehouses.md

@@ -6,7 +6,7 @@ import PlaySVG from '@site/static/img/icon/play.svg'
 import SuspendSVG from '@site/static/img/icon/suspend.svg'
 import CheckboxSVG from '@site/static/img/icon/checkbox.svg'
 import EllipsisSVG from '@site/static/img/icon/ellipsis.svg'
-import  { Button } from 'antd'
+import { Button } from 'antd'
 
 计算集群是 Databend Cloud 的核心组件。一个计算集群代表一组包括 CPU、内存和本地缓存的计算资源。您必须运行一个计算集群来执行 SQL 任务，例如：
 
@@ -20,14 +20,14 @@ import  { Button } from 'antd'
 
 在 Databend Cloud 中，计算集群有多种大小，每种大小由其可以处理的最大并发查询数量定义。创建计算集群时，您可以从以下大小中选择：
 
-| 大小                  | 最大并发数 | 推荐使用场景                                                                                                                            |
-|-----------------------|------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|
-| XSmall                | 2                | 最适合用于测试或运行轻量级查询等简单任务。适用于小型数据集（约 50GB）。                                          |
-| Small                 | 4                | 非常适合运行常规报告和中等负载。适用于中等大小的数据集（约 200GB）。                                     |
-| Medium                | 8                | 适合处理更复杂查询和高并发的团队。适用于较大的数据集（约 1TB）。                                 |
-| Large                 | 16               | 非常适合运行许多并发查询的组织。适用于大型数据集（约 5TB）。                                             |
-| XLarge                | 32               | 为企业级高并发工作负载构建。适用于非常大的数据集（超过 10TB）。                                        |
-| 多集群扩展            | 最多无限         | 根据工作负载需求自动扩展和缩减，提供最经济高效的方式来根据需求提高并发性。 |
+| 大小       | 最大并发数 | 推荐使用场景                                                               |
+| ---------- | ---------- | -------------------------------------------------------------------------- |
+| XSmall     | 2          | 最适合用于测试或运行轻量级查询等简单任务。适用于小型数据集（约 50GB）。    |
+| Small      | 4          | 非常适合运行常规报告和中等负载。适用于中等大小的数据集（约 200GB）。       |
+| Medium     | 8          | 适合处理更复杂查询和高并发的团队。适用于较大的数据集（约 1TB）。           |
+| Large      | 16         | 非常适合运行许多并发查询的组织。适用于大型数据集（约 5TB）。               |
+| XLarge     | 32         | 为企业级高并发工作负载构建。适用于非常大的数据集（超过 10TB）。            |
+| 多集群扩展 | 最多无限   | 根据工作负载需求自动扩展和缩减，提供最经济高效的方式来根据需求提高并发性。 |
 
 为了选择合适的计算集群大小，Databend 建议从较小的尺寸开始。较小的计算集群可能比中等或大型计算集群执行 SQL 任务的时间更长。如果您发现查询执行时间过长（例如，几分钟），请考虑升级到中等或大型计算集群以获得更快的查询结果。
 
@@ -46,39 +46,46 @@ import  { Button } from 'antd'
 
 您可以对计算集群执行批量操作，包括批量重启、批量暂停、批量恢复和批量删除。为此，通过在计算集群列表中勾选复选框 <CheckboxSVG/> 选择要进行批量操作的计算集群，然后点击椭圆按钮 <EllipsisSVG/> 以执行所需的操作。
 
-![alt text](../../../../../static/img/cloud/bulk.png)
+![alt text](../../../../../static/img/cloud/bulk.gif)
 
 ### 最佳实践
 
 为了有效管理您的计算集群并确保最佳性能和成本效益，请考虑以下最佳实践。这些指南将帮助您为各种工作负载和环境调整计算集群的大小、组织和微调：
 
-- **选择合适的大小**  
-  - 对于**开发和测试**，使用较小的计算集群（XSmall、Small）。  
-  - 对于**生产环境**，选择较大的计算集群（Medium、Large、XLarge）。  
+- **选择合适的大小**
 
-- **分离计算集群**  
-  - 为**数据加载**和**查询执行**使用单独的计算集群。  
-  - 为**开发**、**测试**和**生产**环境创建不同的计算集群。  
+  - 对于**开发和测试**，使用较小的计算集群（XSmall、Small）。
+  - 对于**生产环境**，选择较大的计算集群（Medium、Large、XLarge）。
 
-- **数据加载技巧**  
-  - 较小的计算集群（Small、Medium）适合数据加载。  
-  - 优化文件大小和文件数量以提高性能。  
+- **分离计算集群**
 
-- **优化成本和性能**  
-  - 避免运行简单的查询，如 `SELECT 1`，以最小化积分使用。  
-  - 使用批量加载（`COPY`）而不是单个 `INSERT` 语句。  
-  - 监控长时间运行的查询并优化它们以提高性能。  
+  - 为**数据加载**和**查询执行**使用单独的计算集群。
+  - 为**开发**、**测试**和**生产**环境创建不同的计算集群。
 
-- **自动暂停**  
-  - 启用自动暂停以在计算集群空闲时节省积分。  
+- **数据加载技巧**
 
-- **频繁查询时禁用自动暂停**  
-  - 保持计算集群活跃以进行频繁或重复的查询，以保持缓存并避免延迟。  
+  - 较小的计算集群（Small、Medium）适合数据加载。
+  - 优化文件大小和文件数量以提高性能。
 
-- **使用自动扩展（仅限商业和专属计划）**  
-  - 多集群扩展根据工作负载需求自动调整资源。  
+- **优化成本和性能**
 
-- **监控和调整使用情况**  
+  - 避免运行简单的查询，如 `SELECT 1`，以最小化积分使用。
+  - 使用批量加载（`COPY`）而不是单个 `INSERT` 语句。
+  - 监控长时间运行的查询并优化它们以提高性能。
+
+- **自动暂停**
+
+  - 启用自动暂停以在计算集群空闲时节省积分。
+
+- **频繁查询时禁用自动暂停**
+
+  - 保持计算集群活跃以进行频繁或重复的查询，以保持缓存并避免延迟。
+
+- **使用自动扩展（仅限商业和专属计划）**
+
+  - 多集群扩展根据工作负载需求自动调整资源。
+
+- **监控和调整使用情况**
   - 定期审查计算集群使用情况并根据需要调整大小以平衡成本和性能。
 
 ## 计算集群访问控制
@@ -137,4 +144,4 @@ Databend Cloud 允许您通过为计算集群分配特定角色来管理计算
 
 1. 点击 **概览** 页面上的 **连接**。
 2. 选择您希望连接的数据库和计算集群。连接信息将根据您的选择更新。
-3. 连接详细信息包括一个名为 `cloudapp` 的 SQL 用户，其密码是随机生成的。Databend Cloud 不存储此密码。请务必复制并安全保存。如果您忘记了密码，请点击 **重置** 以生成一个新密码。
+3. 连接详细信息包括一个名为 `cloudapp` 的 SQL 用户，其密码是随机生成的。Databend Cloud 不存储此密码。请务必复制并安全保存。如果您忘记了密码，请点击 **重置** 以生成一个新密码。

docusaurus.config.ts

@@ -115,7 +115,7 @@ const config: Config = {
     "docusaurus-plugin-sass",
     "./src/plugins/global-sass-var-inject",
     "./src/plugins/fetch-databend-releases",
-    require.resolve("./src/plugins/gurubase-widget.js"),
+    "./src/plugins/gurubase-widget",
     [
       "@docusaurus/plugin-content-docs",
       /** @type {import('@docusaurus/plugin-content-docs').Options} */

src/plugins/gurubase-widget.js

@@ -1,26 +1,31 @@
+const { site } = process.env;
+const isCN = (site || "cn") === "cn";
+const WIDGET_ID = isCN
+  ? "7kWNWC42HRhpmNKqdA0pgcIFYMDitk5CY3bA7clPsTQ"
+  : "5Qdn4o4C4JVH_fpIy6C9rbtLz94ENT73QtXFVpl6uIM";
 module.exports = function (context) {
-	return {
-		name: "docusaurus-plugin-gurubase-widget", // Feel free to change this name
-		injectHtmlTags() {
-			return {
-				postBodyTags: [
-					{
-						tagName: "script",
-						attributes: {
-							src: "https://widget.gurubase.io/widget.latest.min.js",
-							"data-widget-id": "5Qdn4o4C4JVH_fpIy6C9rbtLz94ENT73QtXFVpl6uIM", // Replace with your widget ID
-							"data-text": "Ask AI", // Optional
-							"data-margins": '{"bottom": "20px", "right": "20px"}', // Optional
-							"data-light-mode": "false", // Optional
-							// "data-name": "YOUR_NAME", // Optional
-							// "data-icon-url": "YOUR_ICON_URL", // Optional
-							"data-bg-color": "#000000", // Optional
-							defer: true,
-							id: "guru-widget-id", // Do not change this
-						},
-					},
-				],
-			};
-		},
-	};
-};
+  return {
+    name: "docusaurus-plugin-gurubase-widget", // Feel free to change this name
+    injectHtmlTags() {
+      return {
+        postBodyTags: [
+          {
+            tagName: "script",
+            attributes: {
+              src: "https://widget.gurubase.io/widget.latest.min.js",
+              "data-widget-id": WIDGET_ID, // Replace with your widget ID
+              "data-text": "Ask AI", // Optional
+              "data-margins": '{"bottom": "20px", "right": "20px"}', // Optional
+              "data-light-mode": "false", // Optional
+              // "data-name": "YOUR_NAME", // Optional
+              // "data-icon-url": "YOUR_ICON_URL", // Optional
+              "data-bg-color": "#000000", // Optional
+              defer: true,
+              id: "guru-widget-id", // Do not change this
+            },
+          },
+        ],
+      };
+    },
+  };
+};