From 914f5f8abd00ba05e2644e6bad7bf87f2758c065 Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Thu, 22 May 2025 10:28:44 +0800
Subject: [PATCH 1/3] =?UTF-8?q?fix:=20=E9=A6=96=E9=A1=B5=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E4=BB=8E=E9=85=8D=E7=BD=AE=E8=AF=BB=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   9 +-
 app/.env.development                          |   0
 app/.vitepress/src/@types/type-home.ts        |  38 ++
 app/.vitepress/src/components/doc/DocType.vue |  98 ++++--
 .../src/components/doc/DocTypeMobile.vue      |  91 +++--
 .../src/components/doc/DocVersion.vue         |   4 +
 app/.vitepress/src/config/dsl.ts              |  10 +
 app/.vitepress/src/config/home.ts             | 329 ------------------
 app/.vitepress/src/layouts/LayoutDoc.vue      |   4 +-
 app/.vitepress/src/utils/common.ts            |  10 +
 app/.vitepress/src/views/home/TheHome.vue     | 265 +++-----------
 .../views/home/components/HomeBannerCard.vue  |  96 +++++
 .../views/home/components/HomeSectionCard.vue | 106 ++++++
 scripts/merge.js                              |  15 +-
 14 files changed, 450 insertions(+), 625 deletions(-)
 delete mode 100644 app/.env.development
 create mode 100644 app/.vitepress/src/@types/type-home.ts
 create mode 100644 app/.vitepress/src/config/dsl.ts
 delete mode 100644 app/.vitepress/src/config/home.ts
 create mode 100644 app/.vitepress/src/views/home/components/HomeBannerCard.vue
 create mode 100644 app/.vitepress/src/views/home/components/HomeSectionCard.vue

diff --git a/.gitignore b/.gitignore
index e5434d923..b4bb14b83 100644
--- a/.gitignore
+++ b/.gitignore
@@ -120,11 +120,12 @@ dist
 
 temp-docs
 
+app/zh/docs/**/*
+app/en/docs/**/*
+
 app/.vitepress/.temp
 app/.vitepress/.cache
 app/.vitepress/dist
 app/.vitepress/cache
-app/.vitepress/public/menu/menu.json
-app/.vitepress/public/menu/menu-en.json
-app/zh/docs/**/*
-app/en/docs/**/*
\ No newline at end of file
+app/.vitepress/public/menu/**/*
+app/.vitepress/public/dsl/**/*
diff --git a/app/.env.development b/app/.env.development
deleted file mode 100644
index e69de29bb..000000000
diff --git a/app/.vitepress/src/@types/type-home.ts b/app/.vitepress/src/@types/type-home.ts
new file mode 100644
index 000000000..d3f762a17
--- /dev/null
+++ b/app/.vitepress/src/@types/type-home.ts
@@ -0,0 +1,38 @@
+export interface HomeBannerItemT {
+  title: string;
+  desc: string;
+  href: string;
+  bg_light: string;
+  bg_dark: string;
+  bg_mb_light: string;
+  bg_mb_dark: string;
+  dropdown?: string;
+}
+
+export interface HomeRecommendT {
+  title: string;
+  columns: number;
+  columns_mb: number;
+  items: HomeBannerItemT[];
+}
+
+export interface HomeSectionItemT {
+  title: string;
+  desc: string;
+  href: string;
+  icon?: string;
+  bg?: string;
+}
+
+export interface HomeSectionT {
+  title: string;
+  columns: number;
+  columns_mb: number;
+  items: HomeSectionItemT[];
+}
+
+export interface HomeConfig {
+  hots: string[];
+  recommend: HomeRecommendT;
+  sections: HomeSectionT[];
+}
diff --git a/app/.vitepress/src/components/doc/DocType.vue b/app/.vitepress/src/components/doc/DocType.vue
index a34e81be7..7a0a16472 100644
--- a/app/.vitepress/src/components/doc/DocType.vue
+++ b/app/.vitepress/src/components/doc/DocType.vue
@@ -1,20 +1,34 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
-import { useRouter } from 'vitepress';
+import { useRoute, useRouter } from 'vitepress';
 import { OIcon, ODropdown, ODropdownItem, OScroller } from '@opensig/opendesign';
 
 import IconChevronDown from '~icons/app/icon-chevron-down.svg';
 
-import { businessScenarioList, toolList } from '@/config/home';
+import { HOME_CONFIG, HOME_CONFIG_EN } from '@/config/dsl';
 import { useNodeStore } from '@/stores/node';
 import { useLocale } from '@/composables/useLocale';
 import { isElementVisible } from '@/utils/element';
+import { getVersionFromUrl } from '@/utils/common';
 
-const router = useRouter()
+const emits = defineEmits<{
+  (evt: 'refresh'): void;
+}>();
+
+const route = useRoute();
+const router = useRouter();
 const nodeStore = useNodeStore();
-const { t, locale } = useLocale();
+const { locale } = useLocale();
 const visible = ref(false);
 
+const config = computed(() => {
+  return locale.value === 'zh' ? HOME_CONFIG : HOME_CONFIG_EN;
+});
+
+const othersItem = computed(() => {
+  return config.value.recommend.items.filter((item) => item.dropdown);
+});
+
 watch(visible, (val) => {
   if (val) {
     setTimeout(() => {
@@ -27,19 +41,21 @@ watch(visible, (val) => {
   }
 });
 
-const scenarioData = computed(() => {
-  return businessScenarioList.filter(item => item.href[locale.value]);
-});
-
-const toolData = computed(() => {
-  return toolList.filter(item => item.href[locale.value]);
-});
+const onClickItem = (href: string) => {
+  if (nodeStore.moduleNode?.href === href) {
+    return;
+  }
 
-const onClickItem = (item: Record<string, any>) => {
-  if (nodeStore.moduleNode?.href !== item.href[locale.value]){
-    router.go(item.href[locale.value]);
+  const currentVersion = getVersionFromUrl(route.path);
+  const hrefVersion = getVersionFromUrl(href);
+  if (currentVersion === hrefVersion) {
+    router.go(href);
+  } else {
+    window.location.href = href;
   }
-}
+
+  emits('refresh');
+};
 </script>
 
 <template>
@@ -51,29 +67,31 @@ const onClickItem = (item: Record<string, any>) => {
       </div>
       <template #dropdown>
         <OScroller class="doc-type-scroller" show-type="hover" size="small" disabled-x>
-          <!-- 业务场景 -->
-          <div class="doc-type-small-title">{{ t('home.businessScenario') }}</div>
-          <ODropdownItem
-            v-for="item in scenarioData"
-            :key="item.href[locale]"
-            :class="{ 'doc-type-dropdown-active': nodeStore.moduleNode?.href === item.href[locale], 'o-dropdown-item-en': locale === 'en' }"
-            :style="{ '--dropdown-item-color-hover': 'var(--o-color-info2)' }"
-            @click="onClickItem(item)"
-          >
-            {{ item.title[locale] }}
-          </ODropdownItem>
-
-          <!-- 工具 -->
-          <div class="doc-type-small-title">{{ t('home.tool') }}</div>
-          <ODropdownItem
-            v-for="item in toolData"
-            :key="item.href[locale]"
-            :class="{ 'doc-type-dropdown-active': nodeStore.moduleNode?.href === item.href[locale], 'o-dropdown-item-en': locale === 'en' }"
-            :style="{ '--dropdown-item-color-hover': 'var(--o-color-info2)' }"
-            @click="onClickItem(item)"
-          >
-            {{ item.title[locale] }}
-          </ODropdownItem>
+          <template v-for="item in config.sections">
+            <div class="doc-type-small-title">{{ item.title }}</div>
+            <ODropdownItem
+              v-for="subItem in item.items"
+              :key="subItem.href"
+              :class="{ 'doc-type-dropdown-active': nodeStore.moduleNode?.href === subItem.href, 'o-dropdown-item-en': locale === 'en' }"
+              :style="{ '--dropdown-item-color-hover': 'var(--o-color-info2)' }"
+              @click="onClickItem(subItem.href)"
+            >
+              {{ subItem.title }}
+            </ODropdownItem>
+          </template>
+
+          <template v-if="othersItem.length">
+            <div class="doc-type-small-title">{{ config.recommend.title }}</div>
+            <ODropdownItem
+              v-for="item in othersItem"
+              :key="item.href"
+              :class="{ 'doc-type-dropdown-active': nodeStore.manualNode?.label === item.title, 'o-dropdown-item-en': locale === 'en' }"
+              :style="{ '--dropdown-item-color-hover': 'var(--o-color-info2)' }"
+              @click="onClickItem(item.href)"
+            >
+              {{ item.title }}
+            </ODropdownItem>
+          </template>
         </OScroller>
       </template>
     </ODropdown>
@@ -103,6 +121,10 @@ const onClickItem = (item: Record<string, any>) => {
 
 .doc-type-scroller {
   max-height: 320px;
+
+  :deep(.o-scrollbar-y) {
+    --scrollbar-y-right: -4px;
+  }
 }
 
 .doc-type-small-title {
diff --git a/app/.vitepress/src/components/doc/DocTypeMobile.vue b/app/.vitepress/src/components/doc/DocTypeMobile.vue
index 4916efc16..a022a29f0 100644
--- a/app/.vitepress/src/components/doc/DocTypeMobile.vue
+++ b/app/.vitepress/src/components/doc/DocTypeMobile.vue
@@ -1,20 +1,34 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
-import { useRouter } from 'vitepress';
+import { useRoute, useRouter } from 'vitepress';
 import { OIcon, ODialog } from '@opensig/opendesign';
 
 import IconChevronDown from '~icons/app/icon-chevron-down.svg';
 
-import { businessScenarioList, toolList } from '@/config/home';
+import { HOME_CONFIG, HOME_CONFIG_EN } from '@/config/dsl';
 import { useLocale } from '@/composables/useLocale';
 import { useNodeStore } from '@/stores/node';
 import { isElementVisible } from '@/utils/element';
+import { getVersionFromUrl } from '@/utils/common';
 
+const emits = defineEmits<{
+  (evt: 'refresh'): void;
+}>();
+
+const route = useRoute();
 const router = useRouter();
 const { t, locale } = useLocale();
 const nodeStore = useNodeStore();
 const showDlg = ref(false);
 
+const config = computed(() => {
+  return locale.value === 'zh' ? HOME_CONFIG : HOME_CONFIG_EN;
+});
+
+const othersItem = computed(() => {
+  return config.value.recommend.items.filter((item) => item.dropdown);
+});
+
 watch(showDlg, (val) => {
   if (val) {
     setTimeout(() => {
@@ -27,19 +41,21 @@ watch(showDlg, (val) => {
   }
 });
 
-const scenarioData = computed(() => {
-  return businessScenarioList.filter(item => item.href[locale.value]);
-});
-
-const toolData = computed(() => {
-  return toolList.filter(item => item.href[locale.value]);
-});
+const onClickItem = (href: string) => {
+  if (nodeStore.moduleNode?.href === href) {
+    return;
+  }
 
-const onClickItem = (item: Record<string, any>) => {
-  if (nodeStore.moduleNode?.href !== item.href[locale.value]) {
-    router.go(item.href[locale.value]);
-    showDlg.value = false;
+  const currentVersion = getVersionFromUrl(route.path);
+  const hrefVersion = getVersionFromUrl(href);
+  if (currentVersion === hrefVersion) {
+    router.go(href);
+  } else {
+    window.location.href = href;
   }
+
+  showDlg.value = false;
+  emits('refresh');
 };
 </script>
 
@@ -55,29 +71,32 @@ const onClickItem = (item: Record<string, any>) => {
         <p class="title">{{ t('home.selectScenarioOrTool') }}</p>
       </div>
     </template>
-    <!-- 业务场景 -->
-    <div class="doc-type-small-title-mb">{{ t('home.businessScenario') }}</div>
-    <div
-      v-for="item in scenarioData"
-      :key="item.href[locale]"
-      class="doc-item-mb"
-      :class="{ 'doc-item-active-mb': nodeStore.moduleNode?.href === item.href[locale] }"
-      @click="onClickItem(item)"
-    >
-      {{ item.title[locale] }}
-    </div>
-
-    <!-- 工具 -->
-    <div class="doc-type-small-title-mb">{{ t('home.tool') }}</div>
-    <div
-      v-for="item in toolData"
-      :key="item.href[locale]"
-      class="doc-item-mb"
-      :class="{ 'doc-item-active-mb': nodeStore.moduleNode?.href === item.href[locale] }"
-      @click="onClickItem(item)"
-    >
-      {{ item.title[locale] }}
-    </div>
+
+    <template v-for="item in config.sections">
+      <div class="doc-type-small-title-mb">{{ item.title }}</div>
+      <div
+        v-for="subItem in item.items"
+        :key="subItem.href"
+        class="doc-item-mb"
+        :class="{ 'doc-item-active-mb': nodeStore.moduleNode?.href === subItem.href }"
+        @click="onClickItem(subItem.href)"
+      >
+        {{ subItem.title }}
+      </div>
+    </template>
+
+    <template v-if="othersItem.length">
+      <div class="doc-type-small-title-mb">{{ config.recommend.title }}</div>
+      <div
+        v-for="item in othersItem"
+        :key="item.href"
+        class="doc-item-mb"
+        :class="{ 'doc-item-active-mb': nodeStore.manualNode?.label === item.title }"
+        @click="onClickItem(item.href)"
+      >
+        {{ item.title }}
+      </div>
+    </template>
 
     <div class="bottom-empty"></div>
   </ODialog>
diff --git a/app/.vitepress/src/components/doc/DocVersion.vue b/app/.vitepress/src/components/doc/DocVersion.vue
index 2a7a108f4..c9f01df5e 100644
--- a/app/.vitepress/src/components/doc/DocVersion.vue
+++ b/app/.vitepress/src/components/doc/DocVersion.vue
@@ -72,6 +72,10 @@ const changeVersion = (item: { href?: string }) => {
 
 .version-scroller {
   max-height: 200px;
+
+  :deep(.o-scrollbar-y) {
+    --scrollbar-y-right: -4px;
+  }
 }
 
 .version-dropdown-active {
diff --git a/app/.vitepress/src/config/dsl.ts b/app/.vitepress/src/config/dsl.ts
new file mode 100644
index 000000000..cd262b6ec
--- /dev/null
+++ b/app/.vitepress/src/config/dsl.ts
@@ -0,0 +1,10 @@
+// @ts-ignore
+import HOME_CONFIG_RAW from '/dsl/zh/home.json?url&raw';
+// @ts-ignore
+import HOME_CONFIG_RAW_EN from '/dsl/en/home.json?url&raw';
+
+import type { HomeConfig } from '@/@types/type-home';
+
+// 首页相关配置
+export const HOME_CONFIG = JSON.parse(HOME_CONFIG_RAW) as HomeConfig;
+export const HOME_CONFIG_EN = JSON.parse(HOME_CONFIG_RAW_EN) as HomeConfig;
diff --git a/app/.vitepress/src/config/home.ts b/app/.vitepress/src/config/home.ts
deleted file mode 100644
index b2469dc92..000000000
--- a/app/.vitepress/src/config/home.ts
+++ /dev/null
@@ -1,329 +0,0 @@
-import BgStarted from '@/assets/category/home/started-bg.png';
-import BgStartedMo from '@/assets/category/home/started-mo-bg.png';
-import BgInstallGuide from '@/assets/category/home/install-guide-bg.png';
-import BgInstallGuideMo from '@/assets/category/home/started-mo-bg.png';
-import BgX2 from '@/assets/category/home/x2-bg.png';
-import BgX2Mo from '@/assets/category/home/x2-mo-bg.png';
-import BgQa from '@/assets/category/home/qa-bg.png';
-import BgQaMo from '@/assets/category/home/qa-mo-bg.png';
-
-import BgStartedDark from '@/assets/category/home/started-bg-dark.png';
-import BgStartedMoDark from '@/assets/category/home/started-mo-bg-dark.png';
-import BgInstallGuideDark from '@/assets/category/home/install-guide-bg-dark.png';
-import BgInstallGuideMoDark from '@/assets/category/home/install-mo-bg-dark.png';
-import BgX2Dark from '@/assets/category/home/x2-bg-dark.png';
-import BgX2MoDark from '@/assets/category/home/x2-mo-bg-dark.png';
-import BgQaDark from '@/assets/category/home/qa-bg-dark.png';
-import BgQaMoDark from '@/assets/category/home/qa-mo-bg-dark.png';
-
-import IconServer from '~icons/home/server.svg';
-import BgServer from '@/assets/category/home/server-bg.png';
-import IconVirtualization from '~icons/home/virtualization.svg';
-import BgVirtualization from '@/assets/category/home/virtualization-bg.png';
-import IconCloud from '~icons/home/cloud.svg';
-import BgCloud from '@/assets/category/home/cloud-bg.png';
-import IconEdgeComputing from '~icons/home/edge-computing.svg';
-import BgEdgeComputing from '@/assets/category/home/edge-computing-bg.png';
-import IconEmbedded from '~icons/home/embedded.svg';
-import BgEmbedded from '@/assets/category/home/embedded-bg.png';
-import IconDevStation from '~icons/home/dev-station.svg';
-import BgDevStation from '@/assets/category/home/dev-station-bg.svg';
-
-// 热门搜索
-export const hotSearchList = {
-  zh: ['安装指南', '管理员指南', 'x2openEuler迁移专区', '应用开发指南', 'UKUI用户指南'],
-  en: ['Installation guide', 'Administrator guide', 'x2openEuler migration', 'Application development guide', 'UKUI user guide'],
-};
-
-// 卡片
-export const cardList = [
-  {
-    background: {
-      light: BgStarted,
-      dark: BgStartedDark,
-    },
-    backgroundMo: {
-      light: BgStartedMo,
-      dark: BgStartedMoDark,
-    },
-    title: {
-      zh: '新手入门',
-      en: 'Quick Start',
-    },
-    desc: {
-      zh: '10分钟玩转社区，快速构建与成长',
-      en: 'Learn the community essentials in 10 minutes, build and grow quickly.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/server/quickstart/quickstart/quick-start.html',
-      en: '/en/docs/25.03/server/quickstart/quickstart/quick-start.html',
-    },
-  },
-  {
-    background: {
-      light: BgInstallGuide,
-      dark: BgInstallGuideDark,
-    },
-    backgroundMo: {
-      light: BgInstallGuideMo,
-      dark: BgInstallGuideMoDark,
-    },
-    title: {
-      zh: '安装指南',
-      en: 'Installation Guide',
-    },
-    desc: {
-      zh: '安装 openEuler 操作系统',
-      en: 'Step-by-step instructions for installing openEuler.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/server/installation_upgrade/installation/installation-preparations.html',
-      en: '/en/docs/25.03/server/installation_upgrade/installation/installation-preparations.html',
-    },
-  },
-  {
-    background: {
-      light: BgQa,
-      dark: BgQaDark,
-    },
-    backgroundMo: {
-      light: BgQaMo,
-      dark: BgQaMoDark,
-    },
-    title: {
-      zh: '常见问题',
-      en: 'FAQ',
-    },
-    desc: {
-      zh: '常见问题与解决方法',
-      en: 'Solutions to common issues and troubleshooting tips.',
-    },
-    href: {
-      zh: '/zh/docs/common/faq/general/general_faq.html',
-      en: '',
-    },
-  },
-  {
-    background: {
-      light: BgX2,
-      dark: BgX2Dark,
-    },
-    backgroundMo: {
-      light: BgX2Mo,
-      dark: BgX2MoDark,
-    },
-    title: {
-      zh: '文档开发指南',
-      en: 'Documentation Guide',
-    },
-    desc: {
-      zh: '参与文档开发的方式',
-      en: 'Explore ways to participate in document development.',
-    },
-    href: {
-      zh: '/zh/docs/common/contribute/directory_structure_introductory.html',
-      en: '',
-    },
-  },
-];
-
-// 业务场景
-export const businessScenarioList = [
-  {
-    icon: IconServer,
-    background: BgServer,
-    title: {
-      zh: '服务器',
-      en: 'Server',
-    },
-    desc: {
-      zh: '提供服务器场景的安装升级、管理运维、性能调优、应用开发等操作指南',
-      en: 'Explore guides for server installation, upgrades, management, performance tuning, and application development.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/server/index.html',
-      en: '/en/docs/25.03/server/index.html',
-    },
-  },
-  {
-    icon: IconVirtualization,
-    background: BgVirtualization,
-    title: {
-      zh: '虚拟化',
-      en: 'Virtualization',
-    },
-    desc: {
-      zh: '帮助用户了解、安装和使用虚拟化',
-      en: 'Learn, install, and use virtualization technologies.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/virtualization/index.html',
-      en: '/en/docs/25.03/virtualization/index.html',
-    },
-  },
-  {
-    icon: IconCloud,
-    background: BgCloud,
-    title: {
-      zh: '云原生',
-      en: 'Cloud',
-    },
-    desc: {
-      zh: '帮助用户安装和使用容器，部署集群等',
-      en: 'Deploy containers and clusters with the comprehensive guides.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/cloud/index.html',
-      en: '/en/docs/25.03/cloud/index.html',
-    },
-  },
-  {
-    icon: IconEdgeComputing,
-    background: BgEdgeComputing,
-    title: {
-      zh: '边缘计算',
-      en: 'Edge',
-    },
-    desc: {
-      zh: '提供 KubeEdge、K3S 的安装和使用介绍',
-      en: 'Get started with KubeEdge and K3S installation and usage.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/edge_computing/index.html',
-      en: '/en/docs/25.03/edge_computing/index.html',
-    },
-  },
-  {
-    icon: IconEmbedded,
-    background: BgEmbedded,
-    title: {
-      zh: '嵌入式',
-      en: 'Embedded',
-    },
-    desc: {
-      zh: '提供嵌入式场景的镜像构建、应用开发、系统管理等操作指南',
-      en: 'Build images, develop applications, and manage embedded systems.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/embedded/index.html',
-      en: '/en/docs/25.03/embedded/index.html',
-    },
-  },
-  {
-    icon: IconDevStation,
-    background: BgDevStation,
-    title: {
-      zh: 'DevStation',
-      en: 'DevStation',
-    },
-    desc: {
-      zh: '帮助⽤户了解 openEuler 社区⼀站式开发者⼯作站 DevStation',
-      en: 'Learn about openEuler DevStation, a comprehensive developer workstation designed to streamline your workflow.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/devstation/index.html',
-      en: '',
-    },
-  },
-];
-
-export const toolList = [
-  {
-    title: {
-      zh: '社区工具',
-      en: 'Community Tools',
-    },
-    desc: {
-      zh: '提供镜像构建、编译、性能优化、迁移、虚拟化、epkg 软件包工具使用指南',
-      en: 'Discover guides for image building, compilation, performance optimization, migration, virtualization, and epkg package manager.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/community_tools/index.html',
-      en: '/en/docs/25.03/tools/community_tools/index.html',
-    },
-  },
-  {
-    title: {
-      zh: 'DevOps（社区服务）',
-      en: 'Community DevOps Services',
-    },
-    desc: {
-      zh: '帮助用户使用源码管理、包管理服务',
-      en: 'Leverage source code and package management services.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/devops/index.html',
-      en: '/en/docs/25.03/tools/devops/index.html',
-    },
-  },
-  {
-    title: {
-      zh: 'AI',
-      en: 'AI',
-    },
-    desc: {
-      zh: '提供 openEuler 大模型智能交互平台，AI 大模型服务镜像等使用指南',
-      en: 'Access guides for the openEuler Intelligent Interaction Platform and container images for AI model services.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/ai/index.html',
-      en: '/en/docs/25.03/tools/ai/index.html',
-    },
-  },
-  {
-    title: {
-      zh: '图形桌面使用',
-      en: 'Desktop',
-    },
-    desc: {
-      zh: '帮助用户安装和使用桌面环境',
-      en: 'Set up and use graphical desktop environments.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/desktop/index.html',
-      en: '/en/docs/25.03/tools/desktop/index.html',
-    },
-  },
-  {
-    title: {
-      zh: '云原生工具',
-      en: 'Cloud',
-    },
-    desc: {
-      zh: '提供云原生常用工具用户指南，包含 CTinspector、CPDS 等',
-      en: 'Explore user guides for CTinspector, CPDS and other essential tools.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/cloud/index.html',
-      en: '/en/docs/25.03/tools/cloud/index.html',
-    },
-  },
-  {
-    title: {
-      zh: '系统运维',
-      en: 'System Operations',
-    },
-    desc: {
-      zh: '提供热补丁制作、系统监控工具使用指南',
-      en: 'Create hot patches and monitor your system with specialized tools.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/maintenance/index.html',
-      en: '/en/docs/25.03/tools/maintenance/index.html',
-    },
-  },
-  {
-    title: {
-      zh: '安全',
-      en: 'Security',
-    },
-    desc: {
-      zh: '提供安全配置常用工具使用指南',
-      en: 'Implement security configurations with our recommended tools.',
-    },
-    href: {
-      zh: '/zh/docs/25.03/tools/security/index.html',
-      en: '/en/docs/25.03/tools/security/index.html',
-    },
-  },
-];
diff --git a/app/.vitepress/src/layouts/LayoutDoc.vue b/app/.vitepress/src/layouts/LayoutDoc.vue
index 256969e27..76bbc124c 100644
--- a/app/.vitepress/src/layouts/LayoutDoc.vue
+++ b/app/.vitepress/src/layouts/LayoutDoc.vue
@@ -228,7 +228,7 @@ onUnmounted(() => {
   <div class="ly-container">
     <template v-if="docsMenu.length > 0">
       <div v-if="!isPhone" class="doc-sidebar" :class="{ 'is-closed': lePad && isSidebarHidden }">
-        <DocType />
+        <DocType @refresh="onPageChange" />
         <DocVersion v-if="!viewStore.isCommonView" :version="version" />
         <DocSearch @switchVisible="isSidebarHidden = true" />
         <DocMenu
@@ -248,7 +248,7 @@ onUnmounted(() => {
         <div class="sidebar-top">
           <div class="menu-opener-mb" :class="{ 'menu-opener-mb-active': !isSidebarHidden }">
             <OIcon @click="switchMenu"><IconExpand /></OIcon>
-            <DocTypeMobile />
+            <DocTypeMobile @refresh="onPageChange" />
           </div>
           <DocVersionMobile v-if="!viewStore.isCommonView" :version="version" />
         </div>
diff --git a/app/.vitepress/src/utils/common.ts b/app/.vitepress/src/utils/common.ts
index bdd370f05..73d324e2f 100644
--- a/app/.vitepress/src/utils/common.ts
+++ b/app/.vitepress/src/utils/common.ts
@@ -117,4 +117,14 @@ export const getGiteeUrl = () => {
   } else {
     return `https://gitee.com/openeuler/docs/blob/${branch}/docs/${lang}/${others.join('/')}`;
   }
+};
+
+/**
+ * 从url中获取版本
+ * @param {string} url url
+ * @returns {string} 版本
+ */
+export function getVersionFromUrl(url: string) {
+  const arr = url.split('/');
+  return arr[url.startsWith('/') ? 3 : 2] || '';
 };
\ No newline at end of file
diff --git a/app/.vitepress/src/views/home/TheHome.vue b/app/.vitepress/src/views/home/TheHome.vue
index 17aab9749..d586821cc 100644
--- a/app/.vitepress/src/views/home/TheHome.vue
+++ b/app/.vitepress/src/views/home/TheHome.vue
@@ -1,28 +1,36 @@
 <script setup lang="ts">
 import { ref, computed, watch, onUnmounted } from 'vue';
 import { onClickOutside } from '@vueuse/core';
-import type { Canceler } from 'axios';
-import { OInput, OIcon, ORow, OCol, OLink, OCard, OFigure, OPopup, ODropdownItem, OScroller } from '@opensig/opendesign';
+import axios, { type Canceler } from 'axios';
+import { OInput, OIcon, ORow, OCol, OLink, OPopup, ODropdownItem, OScroller } from '@opensig/opendesign';
 
 import ContentWrapper from '@/components/ContentWrapper.vue';
 import AppFooter from '@/components/AppFooter.vue';
 import FloatingButton from '@/components/FloatingButton.vue';
+import HomeBannerCard from './components/HomeBannerCard.vue';
 
 import IconSearch from '~icons/app/icon-search.svg';
 
-import { cardList, businessScenarioList, toolList, hotSearchList } from '@/config/home';
-import { useScreen } from '@/composables/useScreen';
+import { HOME_CONFIG, HOME_CONFIG_EN } from '@/config/dsl';
 import { useAppearance, useSearchingStore } from '@/stores/common';
+import { getSearchRecommend } from '@/api/api-search';
+
+import { useScreen } from '@/composables/useScreen';
 import { useLocale } from '@/composables/useLocale';
+
 import type { SearchRecommendT } from '@/@types/type-search';
-import { getSearchRecommend } from '@/api/api-search';
-import axios from 'axios';
+import type { HomeBannerItemT } from '@/@types/type-home';
+import HomeSectionCard from './components/HomeSectionCard.vue';
 
 const appearanceStore = useAppearance();
 const searchStore = useSearchingStore();
 const { lePad, lePadV, isPhone, leLaptop } = useScreen();
 const { t, locale } = useLocale();
 
+const config = computed(() => {
+  return locale.value === 'zh' ? HOME_CONFIG : HOME_CONFIG_EN;
+});
+
 const gap = computed(() => {
   if (lePadV.value) {
     return '12px';
@@ -40,7 +48,7 @@ const searchValue = ref('');
 
 const getSearchUrl = (val: string) => {
   return `${import.meta.env.VITE_MAIN_DOMAIN_URL}/${locale.value}/other/search/?search=${val.trim()}&type=docs&version=${searchStore.version}`;
-}
+};
 
 const enterSearchDoc = (val: string) => {
   clearTimeout(timer);
@@ -134,7 +142,18 @@ watch(searchValue, () => {
   }
 });
 
-const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(0, 2) : cardList));
+// -------------------- banner card --------------------
+const bannerCardRatio = computed(() => {
+  return (100 / (lePadV.value ? config.value.recommend.columns_mb : config.value.recommend.columns)).toFixed(2);
+});
+
+const getBannerCardBg = (item: HomeBannerItemT) => {
+  if (isPhone.value) {
+    return item[appearanceStore.theme === 'dark' ? 'bg_mb_dark' : 'bg_mb_light'];
+  } else {
+    return item[appearanceStore.theme === 'dark' ? 'bg_dark' : 'bg_light'];
+  }
+};
 </script>
 
 <template>
@@ -178,73 +197,37 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
         <div class="hot-search">
           <p class="hot-title">{{ t('home.topSearch') }}</p>
           <ORow gap="16px 0" wrap="wrap">
-            <OCol flex="0 0 auto" v-for="(item, i) in hotSearchList[locale]" :key="i">
+            <OCol flex="0 0 auto" v-for="(item, i) in config.hots" :key="i">
               <OLink color="primary" :href="getSearchUrl(item)" target="_blank" rel="noopener noreferrer" @click="onClikHotWord">{{ item }}</OLink>
             </OCol>
           </ORow>
         </div>
       </div>
 
-      <!-- 卡片 -->
+      <!-- banner 卡片 -->
       <div class="banner-card">
         <ORow :gap="gap" wrap="wrap">
-          <OCol v-for="(item, i) in cardListComputed" :key="i" :flex="`0 0 ${lePadV || locale === 'en' ? '50%' : '25%'}`">
-            <OCard hoverable :href="item.href[locale]" class="banner-card-item" target="_blank" rel="noopener noreferrer">
-              <OFigure :src="isPhone ? item.backgroundMo[appearanceStore.theme] : item.background[appearanceStore.theme]">
-                <div class="banner-card-title">{{ item.title[locale] }}</div>
-                <div class="banner-card-desc">{{ item.desc[locale] }}</div>
-              </OFigure>
-            </OCard>
+          <OCol v-for="(item, i) in config.recommend.items" :key="i" :flex="`0 0 ${bannerCardRatio}%`">
+            <HomeBannerCard :title="item.title" :desc="item.desc" :bg="getBannerCardBg(item)" :href="item.href" />
           </OCol>
         </ORow>
       </div>
 
-      <!-- 业务场景 -->
-      <p class="main-title">{{ t('home.businessScenario') }}</p>
-      <div class="business-list">
-        <template v-for="(item, i) in businessScenarioList" :key="i">
-          <OCard
-            v-if="item.href[locale]"
-            hoverable
-            :detail="item.desc[locale]"
-            :detail-row="2"
-            :detail-max-row="2"
-            class="business-card"
-            :href="item.href[locale]"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <template #header>
-              <OIcon>
-                <component :is="item.icon"></component>
-              </OIcon>
-              <div class="business-title">{{ item.title[locale] }}</div>
-            </template>
-
-            <img :src="item.background" class="bg-icon" />
-          </OCard>
-        </template>
-      </div>
-
-      <!-- 工具 -->
-      <p class="main-title">{{ t('home.tool') }}</p>
-      <ORow :gap="gap" wrap="wrap" class="tool-list">
-        <OCol :flex="`0 0 ${lePadV ? '50%' : '25%'}`" v-for="(item, i) in toolList" :key="i">
-          <OCard
-            hoverable
-            :title="item.title[locale]"
-            :title-max-row="1"
-            :detail="item.desc[locale]"
-            :detail-row="3"
-            :detail-max-row="3"
-            :href="item.href[locale]"
-            class="tool-card"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-          </OCard>
-        </OCol>
-      </ORow>
+      <!-- 业务场景/工具 -->
+      <template v-for="item in config.sections" :key="item.title">
+        <p class="main-title">{{ item.title }}</p>
+        <div class="business-list" :style="{ 'grid-template-columns': `repeat(${lePadV ? item.columns_mb : item.columns}, 1fr)` }">
+          <HomeSectionCard
+            v-for="subItem in item.items"
+            :key="subItem.title"
+            :title="subItem.title"
+            :desc="subItem.desc"
+            :href="subItem.href"
+            :icon="subItem.icon"
+            :bg="subItem.bg"
+          />
+        </div>
+      </template>
     </ContentWrapper>
 
     <FloatingButton />
@@ -274,9 +257,9 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
 }
 
 .banner-title {
-  @include h1;
   color: var(--o-color-info1);
   font-weight: 500;
+  @include h1;
 }
 .banner-search {
   margin-top: 16px;
@@ -291,8 +274,8 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
   display: flex;
   align-items: flex-start;
   margin-top: 16px;
-  @include text1;
   color: var(--o-color-info1);
+  @include text1;
 }
 .hot-title {
   margin-right: 12px;
@@ -303,41 +286,16 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
 .banner-card {
   margin-top: 40px;
 }
-.banner-card-item {
-  --card-main-padding: 0 !important;
-  --card-bg-color: transparent;
-  cursor: pointer;
-}
-:deep(.o-figure) {
-  width: 100%;
-  height: 110px;
-  border-radius: var(--o-radius-xs);
-  .o-figure-main {
-    padding: 24px;
-  }
-}
-
-.banner-card-title {
-  @include h2;
-  @include text-truncate(1);
-  color: rgba(var(--o-white), 1);
-  font-weight: 500;
-}
-.banner-card-desc {
-  @include tip1;
-  color: rgba(var(--o-white), 1);
-  margin-top: 8px;
-}
 
 .main-title {
-  @include h2;
   color: var(--o-color-info1);
   font-weight: 500;
   margin-top: 40px;
+  @include h2;
 }
+
 .business-list {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
   gap: 32px;
   margin-top: 24px;
 
@@ -354,52 +312,6 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
     gap: 12px;
   }
 }
-.business-card {
-  --card-main-padding: 24px;
-  --card-content-text-size: var(--o-font_size-tip1);
-  --card-content-text-height: var(--o-line_height-tip1);
-  cursor: pointer;
-  .o-icon {
-    font-size: 40px;
-
-    svg {
-      width: 40px;
-      height: 40px;
-    }
-  }
-  @include hover {
-    .business-title {
-      color: var(--o-color-primary1);
-    }
-  }
-}
-.business-title {
-  color: var(--o-color-info1);
-  font-weight: 500;
-  margin-top: 8px;
-  @include h4;
-}
-.bg-icon {
-  position: absolute;
-  right: -8px;
-  bottom: -8px;
-  width: 70px;
-}
-
-.tool-list {
-  margin-top: 24px;
-}
-.tool-card {
-  --card-main-padding: 24px;
-  --card-content-text-size: var(--o-font_size-tip1);
-  --card-content-text-height: var(--o-line_height-tip1);
-  --card-content-gap: 16px;
-  cursor: pointer;
-
-  .o-card-header {
-    @include h4;
-  }
-}
 
 .o-card {
   --card-detail-word-break: normal;
@@ -426,15 +338,6 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
   .banner-card {
     margin-top: 24px;
   }
-  :deep(.o-figure) {
-    height: 102px;
-    .o-figure-main {
-      padding: 16px;
-    }
-  }
-  .banner-card-desc {
-    @include text1;
-  }
 
   .main-title {
     margin-top: 24px;
@@ -442,29 +345,6 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
   .business-list {
     margin-top: 16px;
   }
-  .business-card {
-    .o-icon {
-      font-size: 32px;
-
-      svg {
-        width: 32px;
-        height: 32px;
-      }
-    }
-  }
-  .business-title {
-    margin-top: 0;
-  }
-  .bg-icon {
-    width: 50px;
-  }
-
-  .tool-list {
-    margin-top: 16px;
-  }
-  .tool-card {
-    --card-content-gap: 12px;
-  }
 }
 
 @include respond-to('laptop') {
@@ -477,15 +357,6 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
   .banner-card {
     margin-top: 16px;
   }
-  :deep(.o-figure) {
-    height: 86px;
-    .o-figure-main {
-      padding: 12px;
-    }
-  }
-  .banner-card-desc {
-    @include tip1;
-  }
 
   .main-title {
     margin-top: 16px;
@@ -493,24 +364,6 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
   .business-list {
     margin-top: 12px;
   }
-  .business-card {
-    --card-main-padding: 12px 16px;
-    --card-content-text-size: var(--o-font_size-tip2) !important;
-    --card-content-text-height: var(--o-line_height-tip2) !important;
-  }
-  .business-title {
-    margin-top: 0;
-  }
-
-  .tool-list {
-    margin-top: 12px;
-  }
-  .tool-card {
-    --card-main-padding: 12px 16px;
-    --card-content-text-size: var(--o-font_size-tip2) !important;
-    --card-content-text-height: var(--o-line_height-tip2) !important;
-    --card-content-gap: 12px;
-  }
 }
 
 @include respond-to('<=pad_v') {
@@ -528,26 +381,8 @@ const cardListComputed = computed(() => (locale.value === 'en' ? cardList.slice(
     }
   }
 
-  .business-card {
-    --card-main-padding: 12px;
-  }
-
-  .tool-card {
-    --card-main-padding: 12px;
-  }
-
   .hot-search {
     display: none;
   }
 }
-
-[lang='en'] {
-  .o-figure {
-    height: 130px;
-
-    @include respond-to('<=pad') {
-      height: 110px;
-    }
-  }
-}
 </style>
diff --git a/app/.vitepress/src/views/home/components/HomeBannerCard.vue b/app/.vitepress/src/views/home/components/HomeBannerCard.vue
new file mode 100644
index 000000000..d611e369e
--- /dev/null
+++ b/app/.vitepress/src/views/home/components/HomeBannerCard.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+import { OCard, OFigure } from '@opensig/opendesign';
+
+defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  desc: {
+    type: String,
+    default: '',
+  },
+  bg: {
+    type: String,
+    default: '',
+  },
+  href: {
+    type: String,
+    default: '',
+  },
+});
+</script>
+
+<template>
+  <OCard hoverable :href="href" class="banner-card-item" target="_blank" rel="noopener noreferrer">
+    <OFigure :src="bg">
+      <div class="banner-card-title">{{ title }}</div>
+      <div class="banner-card-desc">{{ desc }}</div>
+    </OFigure>
+  </OCard>
+</template>
+
+<style lang="scss" scoped>
+.banner-card-item {
+  --card-main-padding: 0 !important;
+  --card-bg-color: transparent;
+  cursor: pointer;
+}
+
+:deep(.o-figure) {
+  width: 100%;
+  height: 110px;
+  border-radius: var(--o-radius-xs);
+
+  @include respond-to('<=laptop') {
+    height: 102px;
+  }
+
+  @include respond-to('<=pad') {
+    height: 86px;
+  }
+
+  .o-figure-main {
+    padding: 24px;
+
+    @include respond-to('<=laptop') {
+      padding: 16px;
+    }
+
+    @include respond-to('<=pad') {
+      padding: 12px;
+    }
+  }
+}
+
+.banner-card-title {
+  color: rgba(var(--o-white), 1);
+  font-weight: 500;
+  @include text-truncate(1);
+  @include h2;
+}
+
+.banner-card-desc {
+  color: rgba(var(--o-white), 1);
+  margin-top: 8px;
+  @include tip1;
+
+  @include respond-to('<=laptop') {
+    @include text1;
+  }
+
+  @include respond-to('<=pad') {
+    @include tip1;
+  }
+}
+
+[lang='en'] {
+  .o-figure {
+    height: 130px;
+
+    @include respond-to('<=pad') {
+      height: 110px;
+    }
+  }
+}
+</style>
diff --git a/app/.vitepress/src/views/home/components/HomeSectionCard.vue b/app/.vitepress/src/views/home/components/HomeSectionCard.vue
new file mode 100644
index 000000000..ca09a78c1
--- /dev/null
+++ b/app/.vitepress/src/views/home/components/HomeSectionCard.vue
@@ -0,0 +1,106 @@
+<script setup lang="ts">
+import { OCard } from '@opensig/opendesign';
+
+defineProps({
+  title: {
+    type: String,
+    default: '',
+  },
+  desc: {
+    type: String,
+    default: '',
+  },
+  href: {
+    type: String,
+    default: '',
+  },
+  icon: {
+    type: String,
+    default: '',
+  },
+  bg: {
+    type: String,
+    default: '',
+  },
+});
+</script>
+
+<template>
+  <OCard
+    hoverable
+    :detail="desc"
+    :detail-row="icon ? 2 : 3"
+    :detail-max-row="icon ? 2 : 3"
+    class="section-card"
+    :href="href"
+    target="_blank"
+    rel="noopener noreferrer"
+  >
+    <template #header>
+      <img v-if="icon" class="section-icon" :src="icon" />
+      <div class="section-title" :class="{ 'section-no-icon': !icon }">{{ title }}</div>
+    </template>
+
+    <img v-if="bg" :src="bg" class="section-bg-icon" />
+  </OCard>
+</template>
+
+<style lang="scss" scoped>
+.section-card {
+  --card-main-padding: 24px;
+  --card-content-text-size: var(--o-font_size-tip1);
+  --card-content-text-height: var(--o-line_height-tip1);
+  cursor: pointer;
+
+  @include respond-to('<=pad') {
+    --card-main-padding: 12px 16px;
+    --card-content-text-size: var(--o-font_size-tip2) !important;
+    --card-content-text-height: var(--o-line_height-tip2) !important;
+  }
+
+  @include respond-to('phone') {
+    --card-main-padding: 12px;
+  }
+
+  @include hover {
+    .section-title {
+      color: var(--o-color-primary1);
+    }
+  }
+}
+
+.section-icon {
+  width: 40px;
+
+  @include respond-to('<=laptop') {
+    width: 32px;
+  }
+}
+
+.section-title {
+  color: var(--o-color-info1);
+  font-weight: 500;
+  margin-top: 8px;
+  @include h4;
+
+  @include respond-to('<=laptop') {
+    margin-top: 0;
+  }
+}
+
+.section-no-icon {
+  margin-top: 0;
+  @include h3;
+}
+
+.section-bg-icon {
+  position: absolute;
+  right: -8px;
+  bottom: -8px;
+  width: 70px;
+
+  @include respond-to('<=laptop') {
+    width: 50px;
+  }
+}
+</style>
diff --git a/scripts/merge.js b/scripts/merge.js
index f3f04a3a1..eef569015 100644
--- a/scripts/merge.js
+++ b/scripts/merge.js
@@ -202,7 +202,20 @@ const normalizeContent = async (branch) => {
     await copyContentToDir(`${REPO_DOCS_DIR}/docs/en/`, `${BUILD_DIR}/app/en/docs/${branchName}/`);
   }
 
-  // handleOpenStackDocs(branchName);
+  // 复制配置
+  if (branchName !== 'common') {
+    await checkoutBranch(REPO_DOCS_DIR, 'common');
+    await pullRemoteBranch(REPO_DOCS_DIR, 'common');
+  }
+
+  if (fs.existsSync(`${REPO_DOCS_DIR}/dsl/`)) {
+    fs.mkdirSync(`${BUILD_DIR}/app/.vitepress/public/dsl/`, {
+      recursive: true,
+    });
+
+    await copyContentToDir(`${REPO_DOCS_DIR}/dsl/`, `${BUILD_DIR}/app/.vitepress/public/dsl/`);
+    console.log(`已将 dsl 复制到 public 目录下`);
+  }
 };
 
 const normalizeContentWithHugo = async (branch) => {
-- 
Gitee


From 1b751e4735f61a70740f5a8ed8531bc719a9937d Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Thu, 22 May 2025 17:19:59 +0800
Subject: [PATCH 2/3] =?UTF-8?q?fix:=20=E6=9B=BF=E6=8D=A2=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |  2 +
 app/.env.production                           | 19 +++++++++-
 app/.vitepress/src/components/AppFooter.vue   |  6 +--
 .../src/components/CookieNotice.vue           |  3 +-
 .../src/components/FloatingButtonDocs.vue     |  4 +-
 .../src/components/doc/DocBugDialog.vue       |  3 +-
 .../src/components/doc/DocFooter.vue          |  2 +-
 .../components/feedback/FeedbackSlider.vue    |  2 +-
 .../feedback/FloatingButtonHome.vue           |  4 +-
 .../src/components/header/AppHeader.vue       |  2 +-
 .../src/components/header/HeaderLogin.vue     |  2 +-
 .../src/components/header/NavLink.vue         |  2 +-
 app/.vitepress/src/config/footer.ts           | 37 ++++++++++---------
 app/.vitepress/src/i18n/header/header-en.ts   | 20 +++++-----
 app/.vitepress/src/i18n/header/header-zh.ts   | 34 ++++++++---------
 15 files changed, 81 insertions(+), 61 deletions(-)

diff --git a/.gitignore b/.gitignore
index b4bb14b83..83563d75f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -129,3 +129,5 @@ app/.vitepress/dist
 app/.vitepress/cache
 app/.vitepress/public/menu/**/*
 app/.vitepress/public/dsl/**/*
+
+.env.development
\ No newline at end of file
diff --git a/app/.env.production b/app/.env.production
index 5128e49c7..469e7bc10 100644
--- a/app/.env.production
+++ b/app/.env.production
@@ -2,5 +2,20 @@ VITE_LOGIN_URL = https://id.openeuler.org
 VITE_XSRF_COOKIE_NAME = '_U_T_'
 VITE_XSRF_HEADER_NAME = 'Token'
 VITE_COOKIE_DOMAIN = .openeuler.org
-VITE_MESSAGE_CENTER_URL = https://message-center.openeuler.org
-VITE_MAIN_DOMAIN_URL = https://www.openeuler.org
\ No newline at end of file
+VITE_MAIN_DOMAIN_URL = https://www.openeuler.org
+
+VITE_SERVICE_DOCS_URL = https://docs.openeuler.org
+VITE_SERVICE_REPO_URL = https://repo.openeuler.openatom.cn
+VITE_SERVICE_DATASTAT_URL = https://datastat.openeuler.org
+VITE_SERVICE_QUICKISSUE_URL = https://quickissue.openeuler.org
+VITE_SERVICE_SOFTWARE_PKG_URL = https://software-pkg.openeuler.org
+VITE_SERVICE_ARTLFS_WEBSITE_URL = https://artlfs-website.openeuler.org
+VITE_SERVICE_SOFTWARE_URL = https://easysoftware.openeuler.org
+VITE_SERVICE_MESSAGE_CENTER_URL = https://message-center.openeuler.org
+VITE_SERVICE_OEAS_URL = https://oeas.openeuler.org
+VITE_SERVICE_MEETING_MINUTES_URL = https://meeting-minutes.openeuler.org
+VITE_SERVICE_CERTIFICATION_URL = https://certification.openeuler.org
+
+VITE_SERVICE_FORUM_URL = https://forum.openeuler.org
+VITE_SERVICE_PKGMANAGE_URL = https://pkgmanage.openeuler.org
+VITE_SERVICE_COMPLIANCE_URL = https://compliance.openeuler.org
diff --git a/app/.vitepress/src/components/AppFooter.vue b/app/.vitepress/src/components/AppFooter.vue
index 300a85994..b871036e0 100644
--- a/app/.vitepress/src/components/AppFooter.vue
+++ b/app/.vitepress/src/components/AppFooter.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, watch, type PropType } from 'vue';
+import { type PropType } from 'vue';
 import { ODivider } from '@opensig/opendesign';
 
 import ContentWrapper from '@/components/ContentWrapper.vue';
@@ -7,7 +7,7 @@ import ContentWrapper from '@/components/ContentWrapper.vue';
 import { useLocale } from '@/composables/useLocale';
 import { getYearByOffset } from '@/utils/common';
 
-import { linksData, linksData2, quickNav, friendshipLinks } from '@/config/footer';
+import { linksData2, quickNav, friendshipLinks } from '@/config/footer';
 
 import LogoFooter from '@/assets/category/footer/footer-logo2.png';
 import LogoFooter1 from '@/assets/category/footer/footer-logo1.png';
@@ -46,7 +46,7 @@ const footerCodeList = [
   },
 ];
 
-const baseUrl = 'https://www.openeuler.org';
+const baseUrl = import.meta.env.VITE_MAIN_DOMAIN_URL;
 </script>
 
 <template>
diff --git a/app/.vitepress/src/components/CookieNotice.vue b/app/.vitepress/src/components/CookieNotice.vue
index 5d937cc8b..1e00e2ba8 100644
--- a/app/.vitepress/src/components/CookieNotice.vue
+++ b/app/.vitepress/src/components/CookieNotice.vue
@@ -44,6 +44,7 @@ const cookieStore = useCookieStore();
 const loginStore = useLoginStore();
 
 const COOKIE_DOMAIN = import.meta.env.VITE_COOKIE_DOMAIN;
+const VITE_MAIN_DOMAIN_URL = import.meta.env.VITE_MAIN_DOMAIN_URL;
 
 // 是否允许分析cookie
 const analysisAllowed = ref(false);
@@ -230,7 +231,7 @@ watch(
           <p class="cookie-desc">
             {{ t('cookie.desc') }}
             <a
-              :href="isZh ? 'https://www.openeuler.org/zh/other/cookies/' : 'https://www.openeuler.org/en/other/cookies/'"
+              :href="isZh ? `${VITE_MAIN_DOMAIN_URL}/zh/other/cookies/` : `${VITE_MAIN_DOMAIN_URL}/en/other/cookies/`"
               target="_blank"
               rel="noopener noreferrer"
             >
diff --git a/app/.vitepress/src/components/FloatingButtonDocs.vue b/app/.vitepress/src/components/FloatingButtonDocs.vue
index 8bc53b235..4f6bc1d45 100644
--- a/app/.vitepress/src/components/FloatingButtonDocs.vue
+++ b/app/.vitepress/src/components/FloatingButtonDocs.vue
@@ -141,7 +141,7 @@ const floatData = reactive([
     text: computed(() => t('feedback.forum')),
     textMb: computed(() => t('feedback.forumHelp')),
     tip: computed(() => t('feedback.forumTip')),
-    link: 'https://forum.openeuler.org/',
+    link: import.meta.env.VITE_SERVICE_FORUM_URL,
   },
   {
     img: computed(() => {
@@ -152,7 +152,7 @@ const floatData = reactive([
     text2: 'Issue',
     textMb: 'QuickIssue',
     tip: computed(() => t('feedback.quickIssueTip')),
-    link: 'https://quickissue.openeuler.org/zh/issues/',
+    link: `${import.meta.env.VITE_SERVICE_QUICKISSUE_URL}/zh/issues/`,
   },
   {
     img: computed(() => {
diff --git a/app/.vitepress/src/components/doc/DocBugDialog.vue b/app/.vitepress/src/components/doc/DocBugDialog.vue
index dd112543f..61afdebff 100644
--- a/app/.vitepress/src/components/doc/DocBugDialog.vue
+++ b/app/.vitepress/src/components/doc/DocBugDialog.vue
@@ -27,6 +27,7 @@ import { submitDocsBug } from '@/api/api-feedback';
 
 import { useLocale } from '@/composables/useLocale';
 
+const VITE_MAIN_DOMAIN_URL = import.meta.env.VITE_MAIN_DOMAIN_URL;
 const message = useMessage();
 const { t, locale } = useLocale();
 const { page } = useData();
@@ -272,7 +273,7 @@ const change = (visible: boolean) => {
       <div class="agree-box">
         <OCheckbox v-model="isAgree" :value="1" @change="onAgree">
           {{ t('feedback.bugPostPrivacyPolicy') }}
-          <OLink color="primary" hover-underline href="https://www.openeuler.org/zh/other/privacy/" target="_blank"> {{ t('feedback.privacyPolicy') }} </OLink>
+          <OLink color="primary" hover-underline :href="`${VITE_MAIN_DOMAIN_URL}/zh/other/privacy/`" target="_blank"> {{ t('feedback.privacyPolicy') }} </OLink>
         </OCheckbox>
       </div>
       <div class="btn">
diff --git a/app/.vitepress/src/components/doc/DocFooter.vue b/app/.vitepress/src/components/doc/DocFooter.vue
index dfda3af8e..c8e31fcdb 100644
--- a/app/.vitepress/src/components/doc/DocFooter.vue
+++ b/app/.vitepress/src/components/doc/DocFooter.vue
@@ -17,7 +17,7 @@ defineProps({
   },
 });
 
-const baseUrl = 'https://www.openeuler.org';
+const baseUrl = import.meta.env.VITE_MAIN_DOMAIN_URL;
 const { t } = useLocale();
 </script>
 
diff --git a/app/.vitepress/src/components/feedback/FeedbackSlider.vue b/app/.vitepress/src/components/feedback/FeedbackSlider.vue
index 8e45d20e7..5e37b16a5 100644
--- a/app/.vitepress/src/components/feedback/FeedbackSlider.vue
+++ b/app/.vitepress/src/components/feedback/FeedbackSlider.vue
@@ -35,7 +35,7 @@ const marks = computed(() => {
   return temp;
 });
 
-const forumLink = 'https://forum.openeuler.org/';
+const forumLink = import.meta.env.VITE_SERVICE_FORUM_URL;
 
 const placeholder = computed(() => {
   if (score.value / 10 < 7) {
diff --git a/app/.vitepress/src/components/feedback/FloatingButtonHome.vue b/app/.vitepress/src/components/feedback/FloatingButtonHome.vue
index 5defc826d..0bbe74f83 100644
--- a/app/.vitepress/src/components/feedback/FloatingButtonHome.vue
+++ b/app/.vitepress/src/components/feedback/FloatingButtonHome.vue
@@ -56,7 +56,7 @@ const floatData = ref([
     text: t('feedback.forum'),
     textMb: t('feedback.forumHelp'),
     tip: t('feedback.forumTip'),
-    link: 'https://forum.openeuler.org/',
+    link: import.meta.env.VITE_SERVICE_FORUM_URL,
   },
   {
     img: computed(() => {
@@ -67,7 +67,7 @@ const floatData = ref([
     text2: 'Issue',
     textMb: 'QuickIssue',
     tip: t('feedback.quickIssueTip'),
-    link: 'https://quickissue.openeuler.org/zh/issues/',
+    link: `${import.meta.env.VITE_SERVICE_QUICKISSUE_URL}/zh/issues/`,
   },
   {
     img: computed(() => {
diff --git a/app/.vitepress/src/components/header/AppHeader.vue b/app/.vitepress/src/components/header/AppHeader.vue
index 5f464c5f7..9ed3cc4f1 100644
--- a/app/.vitepress/src/components/header/AppHeader.vue
+++ b/app/.vitepress/src/components/header/AppHeader.vue
@@ -28,7 +28,7 @@ const logoUrl = computed(() => (appearanceStore.theme === 'light' ? logo_light :
 // 返回首页
 const goHome = () => {
   menuShow.value = false;
-  window.location.href = `https://www.openeuler.org/${lang.value}/`;
+  window.location.href = `${import.meta.env.VITE_MAIN_DOMAIN_URL}/${lang.value}/`;
 };
 
 const mobileNav = ref();
diff --git a/app/.vitepress/src/components/header/HeaderLogin.vue b/app/.vitepress/src/components/header/HeaderLogin.vue
index 706dd9770..7a4bc5755 100644
--- a/app/.vitepress/src/components/header/HeaderLogin.vue
+++ b/app/.vitepress/src/components/header/HeaderLogin.vue
@@ -21,7 +21,7 @@ const jumpToUserZone = () => {
 };
 
 const jumpToMsgCenter = () => {
-  windowOpen(import.meta.env.VITE_MESSAGE_CENTER_URL);
+  windowOpen(import.meta.env.VITE_SERVICE_MESSAGE_CENTER_URL);
 };
 
 const unreadMsgCount = ref(0);
diff --git a/app/.vitepress/src/components/header/NavLink.vue b/app/.vitepress/src/components/header/NavLink.vue
index 1cbb6c495..6ed81846f 100644
--- a/app/.vitepress/src/components/header/NavLink.vue
+++ b/app/.vitepress/src/components/header/NavLink.vue
@@ -33,7 +33,7 @@ const linkClick = () => {
   if (props.url.startsWith('/download/')) {
     getDownloadQuery(props.url);
   }
-  window.open(`https://www.openeuler.org/${locale.value}${props.url}`);
+  window.open(`${import.meta.env.VITE_MAIN_DOMAIN_URL}/${locale.value}${props.url}`);
 };
 
 const getDownloadQuery = (url: string) => {
diff --git a/app/.vitepress/src/config/footer.ts b/app/.vitepress/src/config/footer.ts
index 7d001c5e9..78cd7b6d1 100644
--- a/app/.vitepress/src/config/footer.ts
+++ b/app/.vitepress/src/config/footer.ts
@@ -24,6 +24,7 @@ import LogoLinkedinHover from '@/assets/category/footer/linkdin_hover.png';
 import LogoYoutubeHover from '@/assets/category/footer/youtube_hover.png';
 import LogoTwitterHover from '@/assets/category/footer/x_hover.png';
 
+
 // 媒体链接
 export const linksData = {
   zh: [
@@ -117,37 +118,37 @@ export const linksData2 = {
   zh: [
     {
       NAME: '品牌',
-      URL: 'https://www.openeuler.org/zh/other/brand/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/zh/other/brand/`,
     },
     {
       NAME: '隐私政策',
-      URL: 'https://www.openeuler.org/zh/other/privacy/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/zh/other/privacy/`,
     },
     {
       NAME: '法律声明',
-      URL: 'https://www.openeuler.org/zh/other/legal/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/zh/other/legal/`,
     },
     {
       NAME: '关于cookies',
-      URL: 'https://www.openeuler.org/zh/other/cookies/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/zh/other/cookies/`,
     },
   ],
   en: [
     {
       NAME: 'Trademark',
-      URL: 'https://www.openeuler.org/en/other/brand/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/en/other/brand/`,
     },
     {
       NAME: 'Privacy Policy',
-      URL: 'https://www.openeuler.org/en/other/privacy/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/en/other/privacy/`,
     },
     {
       NAME: 'Legal Notice',
-      URL: 'https://www.openeuler.org/en/other/legal/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/en/other/legal/`,
     },
     {
       NAME: 'About Cookies',
-      URL: 'https://www.openeuler.org/en/other/cookies/',
+      URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/en/other/cookies/`,
     },
   ],
 };
@@ -171,7 +172,7 @@ export const quickNav = {
         },
         {
           title: '贡献看板',
-          link: 'https://datastat.openeuler.org/zh/overview',
+          link: `${import.meta.env.VITE_SERVICE_DATASTAT_URL}/zh/overview`,
         },
         {
           title: '社区介绍',
@@ -213,7 +214,7 @@ export const quickNav = {
         },
         {
           title: '软件中心',
-          link: 'https://easysoftware.openeuler.org/zh',
+          link: `${import.meta.env.VITE_SERVICE_SOFTWARE_URL}/zh`,
         },
       ],
     },
@@ -222,11 +223,11 @@ export const quickNav = {
       list: [
         {
           title: '文档',
-          link: 'https://docs.openeuler.org/zh/',
+          link: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/`,
         },
         {
           title: 'FAQ',
-          link: 'https://www.openeuler.org/zh/faq/',
+          link: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/zh/faq/`,
         },
         {
           title: '联系我们',
@@ -251,7 +252,7 @@ export const quickNav = {
         },
         {
           title: '论坛',
-          link: 'https://forum.openeuler.org/',
+          link: import.meta.env.VITE_SERVICE_FORUM_URL,
         },
       ],
     },
@@ -291,7 +292,7 @@ export const quickNav = {
         },
         {
           title: 'Statistics',
-          link: 'https://datastat.openeuler.org/en/overview',
+          link: `${import.meta.env.VITE_SERVICE_DATASTAT_URL}/en/overview`,
         },
       ],
     },
@@ -329,7 +330,7 @@ export const quickNav = {
         },
         // {
         //   title: '软件中心',
-        //   link: 'https://easysoftware.openeuler.org/en',
+        //   link: `${import.meta.env.VITE_SERVICE_SOFTWARE_URL}/en`,
         // },
       ],
     },
@@ -338,11 +339,11 @@ export const quickNav = {
       list: [
         {
           title: 'Documentation',
-          link: 'https://docs.openeuler.org/en/',
+          link: `${import.meta.env.VITE_SERVICE_DOCS_URL}/en/`,
         },
         {
           title: 'FAQ',
-          link: 'https://www.openeuler.org/en/faq/',
+          link: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/en/faq/`,
         },
         {
           title: 'Contact Us',
@@ -367,7 +368,7 @@ export const quickNav = {
         },
         {
           title: 'Forum',
-          link: 'https://forum.openeuler.org/',
+          link: import.meta.env.VITE_SERVICE_FORUM_URL,
         },
       ],
     },
diff --git a/app/.vitepress/src/i18n/header/header-en.ts b/app/.vitepress/src/i18n/header/header-en.ts
index a56642af6..16cf05923 100644
--- a/app/.vitepress/src/i18n/header/header-en.ts
+++ b/app/.vitepress/src/i18n/header/header-en.ts
@@ -82,11 +82,11 @@ export default {
         },
         {
           NAME: 'openEuler 25.03 Installation Guide',
-          URL: 'https://docs.openeuler.org/en/docs/25.03/server/installation_upgrade/installation/installation-preparations.html',
+          URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/en/docs/25.03/server/installation_upgrade/installation/installation-preparations.html`,
         },
         {
           NAME: 'openEuler 24.03 LTS SP1 Installation Guide',
-          URL: 'https://docs.openeuler.org/en/docs/24.03_LTS_SP1/docs/Installation/Installation.html',
+          URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/en/docs/24.03_LTS_SP1/docs/Installation/Installation.html`,
         },
         {
           NAME: 'Technical White Papers',
@@ -136,7 +136,7 @@ export default {
             {
               NAME: 'Submit Package',
               DESCRIPTION: 'Contribute software packages efficiently to the community.',
-              URL: 'https://software-pkg.openeuler.org/en/package',
+              URL: `${import.meta.env.VITE_SERVICE_SOFTWARE_PKG_URL}/en/package`,
             },
           ],
         },
@@ -157,7 +157,7 @@ export default {
             {
               NAME: 'Pkgship',
               DESCRIPTION: 'A tool to query OS package information and dependencies with ease.',
-              URL: 'https://pkgmanage.openeuler.org/',
+              URL: import.meta.env.VITE_SERVICE_PKGMANAGE_URL,
               ANALYTICSNAME: 'pkgship',
             },
           ],
@@ -206,18 +206,18 @@ export default {
               NAME: 'Document Center',
               DESCRIPTION: 'Your go-to resource for different service scenarios and tool usage.',
               TAG: TAG_TYPE.HOT,
-              URL: 'https://docs.openeuler.org/en/',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/en/`,
             },
             {
               NAME: 'Quick Start',
               DESCRIPTION: 'Learn the community essentials in 10 minutes, build and grow quickly.',
               TAG: TAG_TYPE.HOT,
-              URL: 'https://docs.openeuler.org/en/docs/25.03/server/quickstart/quickstart/quick-start.html',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/en/docs/25.03/server/quickstart/quickstart/quick-start.html`,
             },
             {
               NAME: 'Installation Guide',
               DESCRIPTION: 'Step-by-step instructions for installing openEuler.',
-              URL: 'https://docs.openeuler.org/en/docs/25.03/server/installation_upgrade/installation/installation-preparations.html',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/en/docs/25.03/server/installation_upgrade/installation/installation-preparations.html`,
             },
           ],
         },
@@ -325,7 +325,7 @@ export default {
             {
               NAME: 'Statistics',
               DESCRIPTION: 'Find stats and see how the openEuler community thrives.',
-              URL: 'https://datastat.openeuler.org/en/overview',
+              URL: `${import.meta.env.VITE_SERVICE_DATASTAT_URL}/en/overview`,
             },
             {
               NAME: 'Contact Us',
@@ -350,7 +350,7 @@ export default {
             {
               NAME: 'Forum',
               DESCRIPTION: 'Share knowledge, ask anything, and solve together.',
-              URL: 'https://forum.openeuler.org/?locale=en',
+              URL: `${import.meta.env.VITE_SERVICE_FORUM_URL}/?locale=en`,
             },
             {
               NAME: 'Mailing Lists',
@@ -360,7 +360,7 @@ export default {
             {
               NAME: 'QuickIssue',
               DESCRIPTION: 'Submit and track community issues quickly and easily.',
-              URL: 'https://quickissue.openeuler.org/en/issues/',
+              URL: `${import.meta.env.VITE_SERVICE_QUICKISSUE_URL}/en/issues/`,
             },
           ],
         },
diff --git a/app/.vitepress/src/i18n/header/header-zh.ts b/app/.vitepress/src/i18n/header/header-zh.ts
index ac09b1303..9a8a4ec1e 100644
--- a/app/.vitepress/src/i18n/header/header-zh.ts
+++ b/app/.vitepress/src/i18n/header/header-zh.ts
@@ -65,7 +65,7 @@ export default {
             {
               NAME: '软件中心',
               DESCRIPTION: '查询openEuler社区软件包',
-              URL: 'https://easysoftware.openeuler.org/zh',
+              URL: `${import.meta.env.VITE_SERVICE_SOFTWARE_URL}/zh`,
             },
             {
               NAME: '镜像仓列表',
@@ -91,11 +91,11 @@ export default {
         },
         {
           NAME: '25.03安装指南',
-          URL: 'https://docs.openeuler.org/zh/docs/25.03/server/installation_upgrade/installation/installation-preparations.html',
+          URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/docs/25.03/server/installation_upgrade/installation/installation-preparations.html`,
         },
         {
           NAME: '24.03 LTS SP1安装指南',
-          URL: 'https://docs.openeuler.org/zh/docs/24.03_LTS_SP1/docs/Installation/installation.html',
+          URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/docs/24.03_LTS_SP1/docs/Installation/installation.html`,
         },
         {
           NAME: '技术白皮书',
@@ -150,12 +150,12 @@ export default {
             {
               NAME: '软件包贡献',
               DESCRIPTION: '简单高效地贡献软件包',
-              URL: 'https://software-pkg.openeuler.org/zh/package',
+              URL: `${import.meta.env.VITE_SERVICE_SOFTWARE_PKG_URL}/zh/package`,
             },
             {
               NAME: 'License工具门户',
               DESCRIPTION: '检测License权利、义务、限制',
-              URL: 'https://compliance.openeuler.org/',
+              URL: import.meta.env.VITE_SERVICE_COMPLIANCE_URL,
               ICON: OutLink,
               ANALYTICSNAME: 'license',
             },
@@ -196,7 +196,7 @@ export default {
             {
               NAME: 'Pkgship',
               DESCRIPTION: '管理操作系统软件包信息和依赖项的查询工具',
-              URL: 'https://pkgmanage.openeuler.org/',
+              URL: import.meta.env.VITE_SERVICE_PKGMANAGE_URL,
               ANALYTICSNAME: 'pkgship',
             },
           ],
@@ -264,28 +264,28 @@ export default {
               NAME: '文档中心',
               DESCRIPTION: '提供各业务场景及工具使用所需的文档手册',
               TAG: TAG_TYPE.HOT,
-              URL: 'https://docs.openeuler.org/zh/',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/`,
             },
             {
               NAME: '新手入门',
               DESCRIPTION: '10分钟玩转社区，快速构建与成长',
               TAG: TAG_TYPE.HOT,
-              URL: 'https://docs.openeuler.org/zh/docs/25.03/server/quickstart/quickstart/quick-start.html',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/docs/25.03/server/quickstart/quickstart/quick-start.html`,
             },
             {
               NAME: '安装指南',
               DESCRIPTION: '指导用户顺利完成 openEuler 操作系统安装',
-              URL: 'https://docs.openeuler.org/zh/docs/25.03/server/installation_upgrade/installation/installation-preparations.html',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/docs/25.03/server/installation_upgrade/installation/installation-preparations.html`,
             },
             {
               NAME: '常见问题',
               DESCRIPTION: '常见问题解决方法',
-              URL: 'https://docs.openeuler.org/zh/docs/common/faq/general/general_faq.html',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/docs/common/faq/general/general_faq.html`,
             },
             {
               NAME: '文档开发指南',
               DESCRIPTION: '参与文档开发的方式',
-              URL: 'https://docs.openeuler.org/zh/docs/common/contribute/directory_structure_introductory.html',
+              URL: `${import.meta.env.VITE_SERVICE_DOCS_URL}/zh/docs/common/contribute/directory_structure_introductory.html`,
             },
           ],
         },
@@ -371,7 +371,7 @@ export default {
             {
               NAME: '兼容性技术测评',
               DESCRIPTION: '帮助企业快速申请兼容性技术测评',
-              URL: 'https://certification.openeuler.org/#/',
+              URL: `${import.meta.env.VITE_SERVICE_CERTIFICATION_URL}/#/`,
             },
             {
               NAME: 'OSV技术测评',
@@ -469,7 +469,7 @@ export default {
             {
               NAME: '贡献看板',
               DESCRIPTION: '查看openEuler社区数据',
-              URL: 'https://datastat.openeuler.org/zh/overview',
+              URL: `${import.meta.env.VITE_SERVICE_DATASTAT_URL}/zh/overview`,
             },
             {
               NAME: '联系我们',
@@ -499,7 +499,7 @@ export default {
             {
               NAME: '论坛',
               DESCRIPTION: '与开发者讨论openEuler',
-              URL: 'https://forum.openeuler.org/?locale=zh_CN',
+              URL: `${import.meta.env.VITE_SERVICE_FORUM_URL}/?locale=zh_CN`,
             },
             {
               NAME: '邮件列表',
@@ -514,7 +514,7 @@ export default {
             {
               NAME: 'QuickIssue',
               DESCRIPTION: '简易快捷地查询、提交社区Issues',
-              URL: 'https://quickissue.openeuler.org/zh/issues/',
+              URL: `${import.meta.env.VITE_SERVICE_QUICKISSUE_URL}/zh/issues/`,
             },
           ],
         },
@@ -522,7 +522,7 @@ export default {
       SHORTCUT: [
         {
           NAME: 'openEuler社区介绍PDF',
-          URL: 'https://www.openeuler.org/whitepaper/openEuler %E5%BC%80%E6%BA%90%E7%A4%BE%E5%8C%BA%E4%BB%8B%E7%BB%8D.pdf',
+          URL: `${import.meta.env.VITE_MAIN_DOMAIN_URL}/whitepaper/openEuler %E5%BC%80%E6%BA%90%E7%A4%BE%E5%8C%BA%E4%BB%8B%E7%BB%8D.pdf`,
         },
       ],
     },
@@ -625,7 +625,7 @@ export default {
     },
     {
       NAME: 'LFS文件管理',
-      PATH: 'https://artlfs-website.openeuler.org/',
+      PATH: import.meta.env.VITE_SERVICE_ARTLFS_WEBSITE_URL,
     },
   ],
 };
-- 
Gitee


From ddb347178beec6d8d8abf6f3e4daed052369827b Mon Sep 17 00:00:00 2001
From: luckyasme <807254037@qq.com>
Date: Thu, 22 May 2025 18:53:57 +0800
Subject: [PATCH 3/3] =?UTF-8?q?fix:=20=E6=96=87=E6=A1=A3=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?footer=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/category/footer/police.png     | Bin 0 -> 2715 bytes
 app/.vitepress/src/components/AppFooter.vue   |  44 ++++++-
 .../src/components/doc/DocFooter.vue          | 107 +++++++++++++-----
 app/.vitepress/src/config/footer.ts           |   6 +
 app/.vitepress/src/i18n/footer/footer-en.ts   |   2 +
 app/.vitepress/src/i18n/footer/footer-zh.ts   |   2 +
 6 files changed, 124 insertions(+), 37 deletions(-)
 create mode 100644 app/.vitepress/src/assets/category/footer/police.png

diff --git a/app/.vitepress/src/assets/category/footer/police.png b/app/.vitepress/src/assets/category/footer/police.png
new file mode 100644
index 0000000000000000000000000000000000000000..116368e79ceab8617d988f4aa4b5a722dbff185b
GIT binary patch
literal 2715
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
V0u3%bSc?Dv002ovPDHLkV1k!OQqlkb

literal 0
HcmV?d00001

diff --git a/app/.vitepress/src/components/AppFooter.vue b/app/.vitepress/src/components/AppFooter.vue
index b871036e0..68e26dceb 100644
--- a/app/.vitepress/src/components/AppFooter.vue
+++ b/app/.vitepress/src/components/AppFooter.vue
@@ -7,7 +7,7 @@ import ContentWrapper from '@/components/ContentWrapper.vue';
 import { useLocale } from '@/composables/useLocale';
 import { getYearByOffset } from '@/utils/common';
 
-import { linksData2, quickNav, friendshipLinks } from '@/config/footer';
+import { linksData2, quickNav, friendshipLinks, filingData } from '@/config/footer';
 
 import LogoFooter from '@/assets/category/footer/footer-logo2.png';
 import LogoFooter1 from '@/assets/category/footer/footer-logo1.png';
@@ -109,13 +109,22 @@ const baseUrl = import.meta.env.VITE_MAIN_DOMAIN_URL;
                 />
               </template>
             </div>
-            <p class="copyright">
-              {{ t('footer.copyRight', [getYearByOffset()]) }}
-            </p>
             <p class="license">
               <span>{{ t('footer.license_1') }}</span>
               {{ t('footer.license_2') }}
             </p>
+            <div class="copyright">
+              <p>
+                {{ t('footer.copyRight', [getYearByOffset()]) }}
+              </p>
+              <div class="filing">
+                <a :href="filingData.link" target="_blank" rel="noopener noreferrer" class="filing-link">
+                  {{ t('footer.filingText1') }}
+                </a>
+                <img :src="filingData.icon" class="filing-img" />
+                <p>{{ t('footer.filingText2') }}</p>
+              </div>
+            </div>
           </div>
           <div class="footer-right">
             <div v-if="lang === 'zh'" class="code-box">
@@ -252,7 +261,6 @@ $color: #fff;
       position: relative;
       @include respond-to('<=pad_v') {
         margin: 0 auto;
-        max-width: 240px;
         padding: 12px 0 24px;
         flex-direction: column;
         justify-content: space-between;
@@ -290,8 +298,33 @@ $color: #fff;
   .copyright {
     margin-top: 6px;
     color: rgba(255, 255, 255, 0.6);
+    display: flex;
+    gap: var(--o-gap-2);
+
+    @include respond-to('<=pad') {
+      flex-direction: column;
+      gap: 6px;
+    }
     @include respond-to('<=pad_v') {
       margin-top: 4px;
+      gap: 4px;
+    }
+
+    .filing {
+      display: flex;
+      gap: var(--o-gap-2);
+
+      .filing-link {
+        color: rgba(255, 255, 255, 0.6);
+        @include hover {
+          color: rgba(255, 255, 255, 1);
+        }
+      }
+      .filing-img {
+        height: 16px;
+        width: 16px;
+        align-self: center;
+      }
     }
   }
   .license {
@@ -313,7 +346,6 @@ $color: #fff;
       display: inline-block;
     }
     .footer-option-item {
-      display: flex;
       align-items: center;
     }
     @include respond-to('<=pad_v') {
diff --git a/app/.vitepress/src/components/doc/DocFooter.vue b/app/.vitepress/src/components/doc/DocFooter.vue
index c8e31fcdb..ca3776c41 100644
--- a/app/.vitepress/src/components/doc/DocFooter.vue
+++ b/app/.vitepress/src/components/doc/DocFooter.vue
@@ -3,7 +3,7 @@ import type { PropType } from 'vue';
 import { ODivider } from '@opensig/opendesign';
 
 import { useLocale } from '@/composables/useLocale';
-import { linksData2 } from '@/config/footer';
+import { linksData2, filingData } from '@/config/footer';
 import { getYearByOffset } from '@/utils/common';
 
 defineProps({
@@ -22,15 +22,18 @@ const { t } = useLocale();
 </script>
 
 <template>
-  <div class="app-footer">
+  <div class="app-footer-pc">
     <div class="footer-left">
-      <p class="copyright">
-        {{ t('footer.copyRight', [getYearByOffset()]) }}
-      </p>
       <p class="license">
         <span>{{ t('footer.license_1') }}</span>
         {{ t('footer.license_2') }}
       </p>
+      <div class="second-line">
+        <span>{{ t('footer.copyRight', [getYearByOffset()]) }}</span>
+        <a class="approval" :href="filingData.link" target="_blank" rel="noopener noreferrer">{{ t('footer.filingText1') }}</a>
+        <img class="police-img" :src="filingData.icon" />
+        <span>{{ t('footer.filingText2') }}</span>
+      </div>
     </div>
 
     <div class="footer-right">
@@ -40,60 +43,102 @@ const { t } = useLocale();
       </template>
     </div>
   </div>
+
+  <div class="app-footer-mb">
+    <div class="links">
+      <template v-for="(link, index) in linksData2[lang]" :key="link.URL">
+        <a :target="target" :href="link.URL.includes('http') ? link.URL : `${baseUrl}${link.URL}`" class="link">{{ link.NAME }}</a>
+        <ODivider v-if="index !== linksData2[lang].length - 1" direction="v" />
+      </template>
+    </div>
+
+    <div class="license">{{ t('footer.license_1') }}{{ t('footer.license_2') }}</div>
+    <div class="copyright">{{ t('footer.copyRight', [getYearByOffset()]) }}</div>
+    <div class="approval">
+      <a :href="filingData.link" target="_blank" rel="noopener noreferrer">{{ t('footer.filingText1') }}</a>
+      <img class="police-img" :src="filingData.icon" />
+      <span>{{ t('footer.filingText2') }}</span>
+    </div>
+  </div>
 </template>
 
 <style lang="scss" scoped>
-.app-footer {
+.app-footer-pc {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  padding: 0 36px;
+  padding: 0 40px;
   margin-top: 12px;
   color: var(--o-color-info3);
   @include tip1;
 
-  @include respond-to('<=laptop') {
-    padding: 0 24px;
+  @include respond-to('<=pad') {
+    display: none;
   }
 
-  @include respond-to('<=pad') {
+  .footer-left {
+    display: flex;
     flex-direction: column;
   }
 
-  .footer-left {
+  .second-line {
     display: flex;
     align-items: center;
-
-    @include respond-to('<=pad') {
-      flex-direction: column;
-    }
+    margin-top: 2px;
   }
 
-  .license {
-    margin-left: 28px;
-
-    @include respond-to('<=pad') {
-      margin-left: 0;
-      margin-top: 4px;
-    }
+  .approval {
+    margin-left: 8px;
   }
 
   :deep(.o-divider) {
     --o-divider-bd-color: rgba(var(--o-black), 0.1);
   }
+}
 
-  a {
-    color: var(--o-color-info3);
+.app-footer-mb {
+  display: none;
+  margin-top: 16px;
+  text-align: center;
+  font-size: 10px;
+  color: var(--o-color-info4);
+  @include tip1;
 
-    @include hover {
-      color: var(--o-color-link1);
-    }
+  @include respond-to('<=pad') {
+    display: block;
   }
 
-  .footer-right {
-    @include respond-to('<=pad') {
-      margin-top: 4px;
-    }
+  @include respond-to('phone') {
+    font-size: 10px;
+  }
+
+  .license {
+    margin-top: 12px;
+  }
+
+  .copyright {
+    margin-top: 4px;
+  }
+
+  .approval {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 4px;
+  }
+}
+
+.police-img {
+  width: 16px;
+  height: 16px;
+  margin: 0 8px;
+}
+
+a {
+  color: var(--o-color-info3);
+
+  @include hover {
+    color: var(--o-color-link1);
   }
 }
 
diff --git a/app/.vitepress/src/config/footer.ts b/app/.vitepress/src/config/footer.ts
index 78cd7b6d1..03cc5a593 100644
--- a/app/.vitepress/src/config/footer.ts
+++ b/app/.vitepress/src/config/footer.ts
@@ -24,6 +24,7 @@ import LogoLinkedinHover from '@/assets/category/footer/linkdin_hover.png';
 import LogoYoutubeHover from '@/assets/category/footer/youtube_hover.png';
 import LogoTwitterHover from '@/assets/category/footer/x_hover.png';
 
+import police from '@/assets/category/footer/police.png';
 
 // 媒体链接
 export const linksData = {
@@ -466,3 +467,8 @@ export const friendshipLinks = {
     },
   ],
 };
+
+export const filingData = {
+  link: 'https://beian.miit.gov.cn/#/Integrated/index',
+  icon: police,
+};
\ No newline at end of file
diff --git a/app/.vitepress/src/i18n/footer/footer-en.ts b/app/.vitepress/src/i18n/footer/footer-en.ts
index f838f3a6d..ebe859b9a 100644
--- a/app/.vitepress/src/i18n/footer/footer-en.ts
+++ b/app/.vitepress/src/i18n/footer/footer-en.ts
@@ -7,4 +7,6 @@ export default {
   qrCode: 'WeChat Subscription',
   qrAssistant: 'WeChat Assistant',
   friendshipLink: 'Related Links',
+  filingText1: 'J. ICP B. No. 2020036654-1',
+  filingText2: 'J.G.W.A.B. No. 11030102011597',
 };
diff --git a/app/.vitepress/src/i18n/footer/footer-zh.ts b/app/.vitepress/src/i18n/footer/footer-zh.ts
index 669bbd04b..aced664cf 100644
--- a/app/.vitepress/src/i18n/footer/footer-zh.ts
+++ b/app/.vitepress/src/i18n/footer/footer-zh.ts
@@ -7,4 +7,6 @@ export default {
   qrCode: 'openEuler公众号',
   qrAssistant: 'openEuler小助手',
   friendshipLink: '友情链接',
+  filingText1: '京ICP备2020036654号-1',
+  filingText2: '京公网安备 11030102011597 号',
 };
-- 
Gitee