fix: StepContent

Author: Chasen-Zhang

docs/cn/guides/10-deploy/01-deploy/01-non-production/00-deploying-local.md

@@ -286,7 +286,7 @@ SELECT
 
 </StepContent>
 
-<StepContent
+<StepContent number="2">
 
 1. 配置一个管理员用户。您将使用此账户连接到 Databend。更多信息，请参阅[配置管理员用户](../../04-references/01-admin-users.md)。对于此示例，取消注释以下行以选择此账户：
 
@@ -335,6 +335,7 @@ ps aux | grep databend
 eric             12789   0.0  0.0 408495808   1040 s003  U+    2:16pm   0:00.00 grep databend
 eric             12781   0.0  0.5 408790416  38896 s003  S     2:15pm   0:00.05 bin/databend-query --config-file=configs/databend-query.toml
 eric             12776   0.0  0.3 408654368  24848 s003  S     2:15pm   0:00.06 bin/databend-meta --config-file=configs/databend-meta.toml
+
 ```
 
 </StepContent>
@@ -381,4 +382,4 @@ SELECT
 部署 Databend 后，您可能需要了解以下主题：
 
 - [加载 & 卸载数据](/guides/load-data)：在 Databend 中管理数据导入/导出。
-- [可视化](/guides/visualize)：将 Databend 与可视化工具集成以获取洞察。
+- [可视化](/guides/visualize)：将 Databend 与可视化工具集成以获取洞察。

src/components/Steps/step-content.tsx

@@ -21,19 +21,19 @@ const StepContent: FC<IProps> = ({
     if (!title) {
       const h3 = wrapRef?.current?.getElementsByClassName("anchor")[0];
       if (number == -1 || number === "") {
-        h3.setAttribute(
+        h3?.setAttribute(
           "style",
           `position: absolute; top: ${
             number == -1 ? "-10px" : "22px"
           }; left: 20px; cursor: ${outLink ? "pointer" : ""};`
         );
         if (outLink) {
-          h3.addEventListener("click", () => {
+          h3?.addEventListener("click", () => {
             window.open(outLink, "_blank");
           });
         }
       } else {
-        h3.setAttribute(
+        h3?.setAttribute(
           "style",
           `position: absolute; top: ${number == 1 ? "0" : "30px"}; left: 20px`
         );