diff --git a/Dockerfile b/Dockerfile
index 2e35efd912ea1349aa295b2d3893885356d78355..8d2e47e0722dd2938b789de7e9ea572f2e408509 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,4 +1,4 @@
-FROM node:18.14.1 as Builder
+FROM swr.cn-north-4.myhuaweicloud.com/opensourceway/node:latest as Builder
 
 RUN mkdir -p /home/openeuler/docs
 WORKDIR /home/openeuler/docs
@@ -8,9 +8,9 @@ RUN npm install pnpm -g
 RUN pnpm install
 RUN pnpm build
 
-FROM swr.cn-north-4.myhuaweicloud.com/opensourceway/openeuler/nginx:1.24.0-22.03-lts-sp1 as NginxBuilder
+FROM swr.cn-north-4.myhuaweicloud.com/opensourceway/openeuler/nginx:latest as NginxBuilder
 
-FROM openeuler/openeuler:22.03
+FROM swr.cn-north-4.myhuaweicloud.com/opensourceway/openeuler/base:latest
 
 ENV NGINX_CONFIG_FILE /etc/nginx/nginx.conf
 ENV NGINX_CONFIG_PATH /etc/nginx/
diff --git a/docs/.vitepress/src/App.vue b/docs/.vitepress/src/App.vue
index 4df67b71db905105cf34ff1c9adcb878eed1543e..94e7b82165c0df1b2430c759ff425977ba51fb0a 100644
--- a/docs/.vitepress/src/App.vue
+++ b/docs/.vitepress/src/App.vue
@@ -1,41 +1,34 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue';
+import { computed } from 'vue';
 import { useData, useRoute, useRouter } from 'vitepress';
 
 import { OScroller, OConfigProvider } from '@opensig/opendesign';
 import zhCN from '@opensig/opendesign/es/locale/lang/zh-cn';
 import enUS from '@opensig/opendesign/es/locale/lang/en-us';
 
-import TheHome from '@/views/home/TheHome.vue';
 import AppHeader from '@/components/header/AppHeader.vue';
-import AppFooter from '@/components/AppFooter.vue';
 import FloatingButton from '@/components/FloatingButton.vue';
 import FloatingButtonDocs from '@/components/FloatingButtonDocs.vue';
 import CookieNotice from '@/components/CookieNotice.vue';
-
 import LayoutDoc from '@/layouts/LayoutDoc.vue';
 
 import { scrollToTop } from '@/utils/common';
-
 import { useLocale } from '@/composables/useLocale';
-import { useMenuStore } from '@/stores/menu';
+
+const { frontmatter } = useData();
 
 // -------------------- 组件国际化 --------------------
 const { isZh, locale } = useLocale();
 
 // -------------------- 菜单 --------------------
-const menuStore = useMenuStore();
-
 const route = useRoute();
 const router = useRouter();
-const data = useData();
 
 // -------------------- 判断页面url --------------------
-const nodeVisible = computed(() => data.frontmatter.value.overview);
-
+const nodeVisible = computed(() => frontmatter.value.overview);
 
 // -------------------- 判断布局类型 --------------------
-const { frontmatter } = useData();
+
 const isCustomLayout = computed(() => {
   // 判断是否是首页
   const isHome = route.component?.name?.includes(`${locale.value}/index`);
diff --git a/docs/.vitepress/src/components/GiteeViewSource.vue b/docs/.vitepress/src/components/GiteeViewSource.vue
index cd85af77e22604c451293eda185befcefe40f25d..e2f6733d895e5ac61736a00593b194cad9929a8f 100644
--- a/docs/.vitepress/src/components/GiteeViewSource.vue
+++ b/docs/.vitepress/src/components/GiteeViewSource.vue
@@ -3,14 +3,17 @@ import { onMounted, ref, watch } from 'vue';
 import { isClient, OIcon } from '@opensig/opendesign';
 
 import IconOutLink from '~icons/app/icon-outlink.svg';
+
 import { getGiteeUrl } from '@/utils/common';
-import { useMenuStore } from '@/stores/menu';
 
-const menuStore = useMenuStore();
+import { useScreen } from '@/composables/useScreen';
+import { useRoute } from 'vitepress';
+
 const giteeUrl = ref('');
+const route = useRoute();
 
 watch(
-  () => menuStore.url,
+  () => route.path,
   () => {
     if (isClient) {
       giteeUrl.value = getGiteeUrl();
@@ -21,6 +24,53 @@ watch(
 onMounted(() => {
   giteeUrl.value = getGiteeUrl();
 });
+
+// -------------------- 移动端插入gitee --------------------
+const { isPhone } = useScreen();
+
+const insertGiteeBtn = () => {
+  if (isPhone.value) {
+    const link = document.querySelector<HTMLElement>('.markdown-body .gitee') as HTMLAnchorElement;
+    if (link) {
+      link.href = getGiteeUrl();
+      return;
+    }
+
+    const titleDom = document.querySelector<HTMLElement>('.markdown-body h1');
+    if (titleDom && titleDom.nextSibling) {
+      titleDom.style.margin = '0';
+      const container = document.createElement('div');
+      container.className = 'article-detail-container';
+      const a = document.createElement('a');
+      a.className = 'gitee';
+      a.href = getGiteeUrl();
+      a.target = '_blank';
+      a.textContent = '在Gitee上查看源文件';
+      const svgString = `
+        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
+          <path fill="currentColor" d="M14.123 3.2c0.442 0 0.8 0.358 0.8 0.8 0 0.398-0.29 0.728-0.67 0.79l-0.13 0.010h-8.523c-0.398 0-0.728 0.29-0.79 0.67l-0.010 0.13v20.8c0 0.398 0.29 0.728 0.67 0.79l0.13 0.010h20.8c0.398 0 0.728-0.29 0.79-0.67l0.010-0.13v-8.576c0-0.442 0.358-0.8 0.8-0.8 0.398 0 0.728 0.29 0.79 0.67l0.010 0.13v8.576c0 1.259-0.97 2.292-2.203 2.392l-0.197 0.008h-20.8c-1.259 0-2.292-0.97-2.392-2.203l-0.008-0.197v-20.8c0-1.259 0.97-2.292 2.203-2.392l0.197-0.008h8.523z"></path>
+          <path fill="currentColor" d="M26.755 4.194c0.314-0.311 0.82-0.309 1.131 0.005 0.276 0.279 0.305 0.71 0.088 1.021l-0.093 0.11-8.651 8.571c-0.314 0.311-0.82 0.309-1.131-0.005-0.276-0.279-0.305-0.71-0.088-1.021l0.093-0.11 8.651-8.571z"></path>
+          <path fill="currentColor" d="M26.667 3.2c1.113 0 2.027 0.852 2.125 1.939l0.009 0.194v6.667c0 0.442-0.358 0.8-0.8 0.8-0.398 0-0.728-0.29-0.79-0.67l-0.010-0.13v-6.667c0-0.258-0.183-0.473-0.426-0.522l-0.108-0.011h-6.667c-0.442 0-0.8-0.358-0.8-0.8 0-0.398 0.29-0.728 0.67-0.79l0.13-0.010h6.667z"> </path>
+        </svg>
+      `;
+      const parser = new DOMParser();
+      const svgDoc = parser.parseFromString(svgString, "image/svg+xml");
+      a.appendChild(svgDoc.documentElement);
+      container.appendChild(a);
+      titleDom.nextSibling.parentNode?.insertBefore(container, titleDom.nextSibling);
+    }
+  } else {
+    const link = document.querySelector<HTMLElement>('.markdown-body .gitee') as HTMLAnchorElement;
+    if (link) {
+      link.remove();
+    }
+  }
+};
+
+watch(isPhone, () => {
+  console.log('updated');
+  insertGiteeBtn();
+});
 </script>
 
 <template>
diff --git a/docs/.vitepress/src/composables/useLocation.ts b/docs/.vitepress/src/composables/useLocation.ts
deleted file mode 100644
index 8d3e66a672a032bf5d3e2942afd1661908b90cdc..0000000000000000000000000000000000000000
--- a/docs/.vitepress/src/composables/useLocation.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { computed, onMounted, onUnmounted, readonly, ref } from 'vue';
-import { useRouter } from 'vitepress';
-import { isClient } from '@opensig/opendesign';
-
-export const useLocation = () => {
-  const router = useRouter();
-  const href = ref(isClient ? window.location.href : '');
-  const hash = ref(isClient ? window.location.hash : '');
-
-  const pathname = computed(() => router.route.path);
-  const url = computed(() => {
-    return isClient ? href.value.replace(window.location.origin, '') : '';
-  });
-
-  const hashchange = () => {
-    href.value = window.location.href || '';
-    hash.value = window.location.hash || '';
-  };
-
-  onMounted(() => {
-    window.addEventListener('hashchange', hashchange);
-  })
-
-  onUnmounted(() => {
-    window.removeEventListener('hashchange', hashchange);
-  })
-
-  
-  router.onAfterRouteChanged = () => {
-    hash.value = window.location.hash || '';
-    href.value = window.location.href || '';
-  };
-
-  return {
-    href: readonly(href),
-    hash: readonly(hash),
-    pathname,
-    url,
-  };
-}
diff --git a/docs/.vitepress/src/composables/useVisibleHeight.ts b/docs/.vitepress/src/composables/useVisibleHeight.ts
deleted file mode 100644
index 0fa31e803f461d299c2331baf2463b6a4885ce21..0000000000000000000000000000000000000000
--- a/docs/.vitepress/src/composables/useVisibleHeight.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { isClient } from "@opensig/opendesign";
-import { onMounted, onUnmounted, readonly, ref } from "vue";
-
-export const useVisibleHeight = (parentSelector: string, childSelector: string) => {
-  const height = ref(0);
-  let observer: IntersectionObserver | null;
-
-  if (isClient) {
-    observer = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting) {
-            const parent = document.querySelector(parentSelector);
-            const child = document.querySelector<HTMLElement>(childSelector);
-            if (parent && child) {
-              const parentRect = parent.getBoundingClientRect();
-              const childRect = child.getBoundingClientRect();
-              const visibleTop = Math.max(0, childRect.top - parentRect.top);
-              const visibleBottom = Math.min(parentRect.bottom, childRect.bottom) - parentRect.top;
-              const visibleHeight = visibleBottom - visibleTop;
-              height.value = visibleHeight > 0 ? visibleHeight : 0;
-            }
-          } else {
-            height.value = 0;
-          }
-        });
-      },
-      {
-        threshold: Array.from({ length: 90 }, (_, i) => (i + 10) / 100),
-      }
-    );
-  }
-
-  onMounted(() => {
-    const footer = document.querySelector('.ly-footer');
-    if (footer) {
-      observer?.observe(footer);
-    }
-  });
-
-  onUnmounted(() => {
-    const footer = document.querySelector('.ly-footer');
-    if (footer) {
-      observer?.unobserve(footer);
-    }
-
-    observer = null;
-  });
-
-  return readonly(height);
-};
\ No newline at end of file
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index b78ba45c66d421a11efc0a7172c59e58434bc1c3..d6d9ac76fee98b44cceaa356db8803848f3e9e12 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { onMounted, onUnmounted, ref, computed, onUpdated, watch } from 'vue';
 import { storeToRefs } from 'pinia';
-import { Content, useRouter, useRoute } from 'vitepress';
+import { Content, useRouter, useRoute, useData } from 'vitepress';
 import { OIcon, ODropdown, ODropdownItem, OPopup, ODialog, ORadioGroup, ORadio, OToggle, OButton, ODivider, OScroller, useMessage } from '@opensig/opendesign';
 
 import AppFooter2 from '@/components/AppFooter2.vue';
@@ -30,8 +30,8 @@ import { getOffsetTop } from '@/utils/element';
 import { versions } from '@/config/version';
 import { scrollIntoView } from '@/utils/scroll-to';
 import { useDebounceFn } from '@vueuse/core';
-import { getGiteeUrl } from '@/utils/common';
 
+const { hash } = useData();
 const { lePad, isPhone, gtPadV, size } = useScreen();
 const route = useRoute();
 const router = useRouter();
@@ -137,7 +137,7 @@ onMounted(() => {
   setTimeout(scrollIntoTitle, 300);
 });
 
-watch(() => menuStore.hash, () => {
+watch(hash, () => {
   setTimeout(scrollIntoTitle); // 延迟执行，避免切换了scroller位置没有变动导致移动移除
 });
 
@@ -371,50 +371,6 @@ onMounted(() => {
 onUnmounted(() => {
   maskRef.value?.removeEventListener('click', handleOutClick);
 });
-
-// -------------------- gitee --------------------
-const insertGiteeBtn = () => {
-  if (isPhone.value) {
-    const link = document.querySelector<HTMLElement>('.markdown-body .gitee') as HTMLAnchorElement;
-    if (link) {
-      link.href = getGiteeUrl();
-      return;
-    }
-
-    const titleDom = document.querySelector<HTMLElement>('.markdown-body h1');
-    if (titleDom && titleDom.nextSibling) {
-      titleDom.style.margin = '0';
-      const container = document.createElement('div');
-      container.className = 'article-detail-container';
-      const a = document.createElement('a');
-      a.className = 'gitee';
-      a.href = getGiteeUrl();
-      a.target = '_blank';
-      a.textContent = '在Gitee上查看源文件';
-      const svgString = `
-        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
-          <path fill="currentColor" d="M14.123 3.2c0.442 0 0.8 0.358 0.8 0.8 0 0.398-0.29 0.728-0.67 0.79l-0.13 0.010h-8.523c-0.398 0-0.728 0.29-0.79 0.67l-0.010 0.13v20.8c0 0.398 0.29 0.728 0.67 0.79l0.13 0.010h20.8c0.398 0 0.728-0.29 0.79-0.67l0.010-0.13v-8.576c0-0.442 0.358-0.8 0.8-0.8 0.398 0 0.728 0.29 0.79 0.67l0.010 0.13v8.576c0 1.259-0.97 2.292-2.203 2.392l-0.197 0.008h-20.8c-1.259 0-2.292-0.97-2.392-2.203l-0.008-0.197v-20.8c0-1.259 0.97-2.292 2.203-2.392l0.197-0.008h8.523z"></path>
-          <path fill="currentColor" d="M26.755 4.194c0.314-0.311 0.82-0.309 1.131 0.005 0.276 0.279 0.305 0.71 0.088 1.021l-0.093 0.11-8.651 8.571c-0.314 0.311-0.82 0.309-1.131-0.005-0.276-0.279-0.305-0.71-0.088-1.021l0.093-0.11 8.651-8.571z"></path>
-          <path fill="currentColor" d="M26.667 3.2c1.113 0 2.027 0.852 2.125 1.939l0.009 0.194v6.667c0 0.442-0.358 0.8-0.8 0.8-0.398 0-0.728-0.29-0.79-0.67l-0.010-0.13v-6.667c0-0.258-0.183-0.473-0.426-0.522l-0.108-0.011h-6.667c-0.442 0-0.8-0.358-0.8-0.8 0-0.398 0.29-0.728 0.67-0.79l0.13-0.010h6.667z"> </path>
-        </svg>
-      `;
-      const parser = new DOMParser();
-      const svgDoc = parser.parseFromString(svgString, "image/svg+xml");
-      a.appendChild(svgDoc.documentElement);
-      container.appendChild(a);
-      titleDom.nextSibling.parentNode?.insertBefore(container, titleDom.nextSibling);
-    }
-  } else {
-    const link = document.querySelector<HTMLElement>('.markdown-body .gitee') as HTMLAnchorElement;
-    if (link) {
-      link.remove();
-    }
-  }
-};
-
-onUpdated(() => {
-  insertGiteeBtn();
-});
 </script>
 
 <template>
@@ -609,7 +565,7 @@ onUpdated(() => {
     align-items: center;
     color: var(--o-color-link1);
     text-decoration: none !important;
-    
+
     svg {
       color: var(--o-color-link1);
       width: 16px;
diff --git a/docs/.vitepress/src/stores/menu.ts b/docs/.vitepress/src/stores/menu.ts
index df277dd7b3d3484a8e1844603c4d3eb8af5488d3..66223d71f6f8a4e4a979bff008e6f83355840950 100644
--- a/docs/.vitepress/src/stores/menu.ts
+++ b/docs/.vitepress/src/stores/menu.ts
@@ -2,20 +2,27 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { defineStore } from 'pinia';
 import { MENU_CONFIG } from '@/config/menu';
 import { DocMenuTree, type DocMenuNodeT } from '@/utils/tree';
-import { useLocation } from '@/composables/useLocation';
+import { useData } from 'vitepress';
 
 export const useMenuStore = defineStore('menu', () => {
   const rootTree = new DocMenuTree(MENU_CONFIG);
   const allNodes = rootTree.root.children;
-  const { url, hash } = useLocation();
+  const { hash, page } = useData();
 
   // -------------------- 当前菜单节点 --------------------
   const currentNode = computed(() => {
-    const href = url.value.split('#')[0];
-    const node = rootTree.getNodeByHref(rootTree.root, decodeURIComponent(url.value));
-    const anchorNode = rootTree.getNodeByHref(rootTree.root, decodeURIComponent(href));
-    const indexNode = rootTree.getNodeByHref(rootTree.root, decodeURIComponent(href) + 'index.html');
-    return node || anchorNode || indexNode;
+    const href = `/${page.value.filePath.replace('.md', '.html')}`;
+    
+    // 是否为hash节点
+    if (hash.value) {
+      const hashHref = `/${page.value.filePath.replace('.md', '.html')}${decodeURIComponent(hash.value)}`;
+      const hashNode = rootTree.getNodeByHref(rootTree.root, hashHref);
+      if (hashNode) {
+        return hashNode;
+      }
+    }
+
+    return rootTree.getNodeByHref(rootTree.root, href);
   });
 
   // -------------------- 当前菜单节点的所有前驱节点 --------------------
@@ -71,8 +78,6 @@ export const useMenuStore = defineStore('menu', () => {
   });
 
   return {
-    url,
-    hash,
     menuValue, // 绑定菜单值
     menuExpanded, // 展开值
     rootTree, // 根节点