diff --git a/.github/workflows/node.js2.yml b/.github/workflows/node.js2.yml
index 0b2e47c9..3970f930 100644
--- a/.github/workflows/node.js2.yml
+++ b/.github/workflows/node.js2.yml
@@ -35,8 +35,8 @@ jobs:
       - run: pnpm install
 #      - run: pnpm build:lib
 #      - run: pnpm build-storybook:vite
-      - run: pnpm docs:build
       - run: pnpm build:mjs
+      - run: pnpm docs:build
       - name: Setup Pages
         uses: actions/configure-pages@v3
       - name: Build with Jekyll
diff --git a/.gitignore b/.gitignore
index e79d74b5..4068253a 100755
--- a/.gitignore
+++ b/.gitignore
@@ -15,3 +15,5 @@ coverage/
 /docs/.vitepress/dist/
 /docs/src/public/semi-ui-vue.mjs
 /docs/src/public/style.css
+/docs/src/public/semi/
+/docs/.vitepress/semi-design-vue/
diff --git a/.idea/semi-design-vue.iml b/.idea/semi-design-vue.iml
index 445a729f..0939463a 100755
--- a/.idea/semi-design-vue.iml
+++ b/.idea/semi-design-vue.iml
@@ -14,7 +14,8 @@
       <excludeFolder url="file://$MODULE_DIR$/docs/.vitepress/cache" />
       <excludeFolder url="file://$MODULE_DIR$/docs/.vitepress/dist" />
       <excludeFolder url="file://$MODULE_DIR$/packages/semi-ui-vue/build" />
-      <excludeFolder url="file://$MODULE_DIR$/docs/src/public" />
+      <excludeFolder url="file://$MODULE_DIR$/docs/.vitepress/semi-design-vue" />
+      <excludeFolder url="file://$MODULE_DIR$/docs/src/public/semi" />
     </content>
     <orderEntry type="inheritedJdk" />
     <orderEntry type="sourceFolder" forTests="false" />
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
index b128b790..ee135034 100644
--- a/docs/.vitepress/config.mts
+++ b/docs/.vitepress/config.mts
@@ -7,6 +7,7 @@ export default defineConfig({
   title: 'semi-design-vue',
   description: 'Vue3 UI components based on semi-design and Vue',
   srcDir: 'src',
+  outDir:'./.vitepress/semi-design-vue',
   vite:{
     plugins: [Jsx()],
     // optimizeDeps: {
diff --git a/docs/LiveCodeClient.vue b/docs/LiveCodeClient.vue
index 3ba4f540..0793162d 100644
--- a/docs/LiveCodeClient.vue
+++ b/docs/LiveCodeClient.vue
@@ -34,14 +34,14 @@ const store = new ReplStore({
 
 
 const previewOptions = {
-  headHTML: `<link rel="stylesheet" href="${import.meta.env.BASE_URL}style.css" data-n-g="">`
+  headHTML: `<link rel="stylesheet" href="${import.meta.env.BASE_URL}semi/style.css" data-n-g="">`
 }
 // persist state to URL hash
 // watchEffect(() => history.replaceState({}, '', store.serialize()))
 // pre-set import map
 store.setImportMap({
   imports: {
-    "@kousum/semi-ui-vue": import.meta.env.BASE_URL + 'semi-ui-vue.mjs',
+    "@kousum/semi-ui-vue": import.meta.env.BASE_URL + 'semi/semi-ui-vue.mjs',
   },
 })
 // use a specific version of Vue