diff --git a/packages/site/web/docs/customize-theme.md b/packages/site/web/docs/customize-theme.md
index f6d2925e3..a88a86d27 100644
--- a/packages/site/web/docs/customize-theme.md
+++ b/packages/site/web/docs/customize-theme.md
@@ -9,11 +9,9 @@ Zarm 提供了一个 React 组件 [ConfigProvider](#/components/config-provider)
 目前的默认的品牌标准色是 `#00bc70`，如果需要使用其他颜色，可以参考下面的方案。
 
 ```jsx
-return (
-  <ConfigProvider primaryColor="#1890ff">
-    <App />
-  </ConfigProvider>
-);
+<ConfigProvider primaryColor="#1890ff">
+  <App />
+</ConfigProvider>
 ```
 
 ## 暗黑主题
@@ -21,11 +19,9 @@ return (
 除了目前提供的默认主题外，我们还提供了一套暗黑主题，可以参考下面的方案进行配置。
 
 ```jsx
-return (
-  <ConfigProvider theme="dark">
-    <App />
-  </ConfigProvider>
-);
+<ConfigProvider theme="dark">
+  <App />
+</ConfigProvider>
 ```
 
 ## 深度定制
@@ -33,16 +29,14 @@ return (
 可以通过修改 zarm 开放出来的 css 变量的方式深度定制你的样式。
 
 ```jsx
-return (
-  <ConfigProvider
-    cssVars={{
-      '--za-theme-primary': '#ff0000',
-      '--za-rate-active-color': '#fa541b',
-    }}
-  >
-    <App />
-  </ConfigProvider>
-);
+<ConfigProvider
+  cssVars={{
+    '--za-theme-primary': '#ff0000',
+    '--za-rate-active-color': '#fa541b',
+  }}
+>
+  <App />
+</ConfigProvider>
 ```
 
 通用变量可以在 <a href="https://github.com/ZhongAnTech/zarm/blob/master/packages/zarm/src/style/themes/default.scss" target="_blank">这里</a> 找到，组件级别的变量可在对应组件文档中查找。
diff --git a/packages/site/web/docs/i18n.md b/packages/site/web/docs/i18n.md
index 7cd31b60b..f96b63ce0 100644
--- a/packages/site/web/docs/i18n.md
+++ b/packages/site/web/docs/i18n.md
@@ -7,6 +7,7 @@ Zarm 目前的默认文案是中文，如果需要使用其他语言，可以参
 Zarm 提供了一个 React 组件 [ConfigProvider](#/components/config-provider) 用于全局配置国际化文案。
 
 ```jsx
+import { ConfigProvider } from 'zarm';
 import zhCN from 'zarm/lib/config-provider/locale/zh_CN';
 
 return (