diff --git a/app/.vitepress/src/views/TheDemo.vue b/app/.vitepress/src/views/TheDemo.vue
deleted file mode 100644
index 13aaf5aff773c48c7dfb8d265dda11d413eb5c99..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/TheDemo.vue
+++ /dev/null
@@ -1,263 +0,0 @@
-<script setup lang="ts">
-import { ref, onMounted, computed } from 'vue';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-import BannerLevel3 from '@/components/BannerLevel3.vue';
-// import AppCalendar from '@/components/AppCalendar.vue';
-import AppAnchor from '@/components/AppAnchor.vue';
-import TagFilter from '@/components/TagFilter.vue';
-
-// import { getMeetingData } from '@/api/api-calendar';
-// import { TableData } from '@/shared/@types/type-calendar';
-
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-
-const currentPage1 = ref(5);
-const pageSize4 = ref(100);
-const total = ref(100);
-const date = ref('2022-07');
-
-const tableData = [
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-  {
-    date: '2016-05-01',
-    name: 'Tom',
-    address: 'No. 189, Grove St, Los Angeles',
-  },
-];
-
-const inputName = ref('zhangsan');
-// interface MeetingData {
-//   tableData: TableData[];
-// }
-
-// const calendarData = ref<TableData[]>([
-//   {
-//     date: '',
-//     timeData: [
-//       {
-//         creator: '',
-//         duration_time: '',
-//         join_url: '',
-//         startTime: '',
-//         start_date: '',
-//         endTiem: '',
-//         url: '',
-//         id: '',
-//       },
-//     ],
-//   },
-// ]);
-
-const anchorData = ['anchor1', 'anchor2', 'anchor3'];
-const anchorData1 = ['anchor4', 'anchor5', 'anchor6', 'anchor7'];
-
-// tagFiter strart
-const isAll = ref(false);
-const tagArrLen = computed(() => {
-  return isAll.value ? 30 : 10;
-});
-const toggleClick = (flag: boolean) => {
-  isAll.value = flag;
-};
-
-const activeIndex = ref(0);
-const tagClick = (i: number) => {
-  activeIndex.value = i;
-};
-// tagFiter end
-onMounted(() => {
-  // getMeetingData().then((res: MeetingData) => {
-  //   calendarData.value = res.tableData;
-  // });
-});
-</script>
-
-<template>
-  <div class="demo">
-    <div class="demo-box">
-      <h4>OSearch</h4>
-      <OSearch v-model="inputName"></OSearch>
-    </div>
-
-    <div class="demo-box">
-      <h4>OTable</h4>
-      <OTable :data="tableData" style="width: 100%">
-        <OTableColumn label="Date" prop="date" width="180" />
-        <OTableColumn prop="name" label="Name" width="180" />
-        <OTableColumn prop="address" label="Address" />
-        <OTableColumn label="Date" prop="date">
-          <template #default="scope">
-            <div>{{ scope.row.date }}</div>
-          </template>
-        </OTableColumn>
-      </OTable>
-    </div>
-
-    <div class="demo-box">
-      <h4>OPagination</h4>
-      <div class="demo-box">
-        <OPagination
-          v-model:currentPage="currentPage1"
-          v-model:page-size="pageSize4"
-          :page-sizes="[100, 200, 300, 400]"
-          :background="true"
-          layout="sizes, prev, pager, next, slot, jumper"
-          :total="total"
-        >
-          <span>5/50</span>
-        </OPagination>
-      </div>
-    </div>
-
-    <div class="demo-box">
-      <h4>BannerLevel2.vue</h4>
-    </div>
-    <BannerLevel2
-      :background-image="banner"
-      background-text="CONTENT"
-      title="SIG"
-      subtitle="SIG 就是 Special Interest Group 的缩写，openEuler 社区按照不同的 SIG 来组织"
-      :illustration="search"
-    />
-
-    <div class="demo-box">
-      <h4>BannerLevel3.vue</h4>
-    </div>
-    <BannerLevel3
-      :background-image="banner"
-      background-text="CONTENT"
-      title="下载"
-    />
-
-    <!-- <div class="demo-box">
-      <h4>日历</h4>
-      <AppCalendar v-if="calendarData.length > 1" :table-data="calendarData" />
-    </div> -->
-
-    <div class="demo-box">
-      <h4>TagFilter</h4>
-      <TagFilter label="全部" :show="true" @toggle-click="toggleClick">
-        <OTag
-          v-for="(item, index) in tagArrLen"
-          :key="'tag' + index"
-          :type="activeIndex === index ? 'primary' : 'text'"
-          @click="tagClick(index)"
-        >
-          {{ 'TagFilter' + index }}
-        </OTag>
-      </TagFilter>
-
-      <OCard>
-        <TagFilter label="全部">
-          <OButton v-for="(item, index) in 10" :key="'tag' + index">
-            {{ item }}
-          </OButton>
-        </TagFilter>
-      </OCard>
-    </div>
-
-    <div class="demo-box">
-      <h4>OTag</h4>
-      <OTag type="text">OTag-0</OTag>
-      <OTag type="primary">OTag-0</OTag>
-      <OTag type="secondary">特殊tag</OTag>
-      <OTag size="small">OTag-1</OTag>
-    </div>
-
-    <div class="demo-box">
-      <h4>封装elementplus OInput</h4>
-      <OInput v-model="inputName"></OInput>
-    </div>
-
-    <div class="demo-box">
-      <h4>封装elementplus OCard</h4>
-      <OCard header="OCard" shadow="hover"></OCard>
-    </div>
-
-    <div class="demo-box">
-      <h4>OTimelien</h4>
-      <OTimeline
-        v-model="date"
-        :right-arrow="true"
-        :left-arrow="true"
-      ></OTimeline>
-    </div>
-    <div class="demo-box">
-      <h4>AppAnchor</h4>
-      <div id="anchor1" class="anchor-item">archor1</div>
-      <div id="anchor2" class="anchor-item">archor2</div>
-      <div id="anchor3" class="anchor-item">archor3</div>
-      <AppAnchor :data="anchorData" />
-      <h4>AppAnchor 更换滚动容器</h4>
-      <div class="anchor-main">
-        <div class="anchor-side">
-          <AppAnchor id="anchor-test" :data="anchorData1" left="12px" top="0" />
-        </div>
-        <div id="anchor-test" class="anchor-content">
-          <div id="anchor4" class="anchor-item">archor4</div>
-          <div id="anchor5" class="anchor-item">archor5</div>
-          <div id="anchor6" class="anchor-item">archor6</div>
-          <div id="anchor7" class="anchor-item">archor7</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.demo {
-  // max-width: 1504px;
-  // padding: 20px 44px;
-  min-height: 800px;
-  padding-top: 100px;
-}
-.demo-box {
-  margin: 20px 100px 20px 100px;
-}
-
-h4 {
-  margin-top: 50px;
-  margin-bottom: 20px;
-}
-body {
-  background: var(--o-color-bg2);
-}
-.anchor-main {
-  display: flex;
-  margin-bottom: 100px;
-  background-color: var(--o-color-bg);
-  .anchor-side {
-    width: 200px;
-    position: relative;
-  }
-  .anchor-content {
-    flex: 1;
-    height: 300px;
-    overflow: auto;
-    position: relative;
-  }
-}
-
-.anchor-item {
-  width: 100%;
-  height: 200px;
-  background-color: aqua;
-  margin-top: 20px;
-}
-</style>
diff --git a/app/.vitepress/src/views/brand/TheBrand.vue b/app/.vitepress/src/views/brand/TheBrand.vue
deleted file mode 100644
index 5dd0fd2453d775ef2a769394492347ad4d9b191c..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/brand/TheBrand.vue
+++ /dev/null
@@ -1,236 +0,0 @@
-<script setup lang="ts">
-import { Ref, ref } from 'vue';
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-import { useData } from 'vitepress';
-
-const { theme: i18n } = useData();
-
-const list: Ref<any[]> = ref([]);
-
-const initList = () => {
-  const result = [];
-  const cndata = i18n.value.brand;
-  const nameList = [
-    'VERTICAL_LEFT_IMAGE',
-    'VERTICAL_CENTER_IMAGE',
-    'VERTICAL_RIGHT_IMAGE',
-    'HORIZONTAL_LEFT_IMAGE',
-    'HORIZONTAL_CENTER_IMAGE',
-    'HORIZONTAL_RIGHT_IMAGE',
-  ];
-  const imageList = [
-    '/img/other/brand/standard-poster.png',
-    '/img/other/brand/mono-poster.png',
-    '/img/other/brand/black-poster.png',
-    '/img/other/brand/horizontal-poster.png',
-    '/img/other/brand/white-poster.png',
-    '/img/other/brand/block-hor-poster.png',
-  ];
-
-  for (let i = 0; i < imageList.length; i++) {
-    const temp = {
-      name: cndata.PICTURE_TITLE[i],
-      url: imageList[i],
-      image: cndata[nameList[i]],
-    };
-    result.push(temp);
-  }
-  return result;
-};
-
-list.value = initList();
-</script>
-
-<template>
-  <BannerLevel2
-    :background-image="banner"
-    background-text="CONTENT"
-    :title="i18n.brand.BRAND"
-    :illustration="search"
-  />
-  <div class="brand">
-    <div class="brand-all-word">
-      <h3 class="brand-title">{{ i18n.brand.MOBILETITLE }}</h3>
-      <p class="brand-word">{{ i18n.brand.WORDS }}</p>
-    </div>
-    <div class="brand-list">
-      <OCard v-for="(brand, index) in list" :key="index" class="brand-item">
-        <div class="brand-item-title">{{ brand.name }}</div>
-        <div class="brand-item-img">
-          <img :src="brand.url" />
-        </div>
-        <div class="button">
-          <a
-            v-for="(item, index2) in brand.image"
-            :key="index2"
-            :href="'/img/other/brand/horizontal-right.svg'"
-            target="_blank"
-            download
-          >
-            <OButton size="small" class="button-item"
-              >{{ item.STYLE }}
-            </OButton>
-          </a>
-        </div>
-      </OCard>
-    </div>
-    <div class="brand-ppt">
-      <h3>{{ i18n.brand.PPT_TEXT }}</h3>
-      <div class="ppt-list">
-        <OCard
-          v-for="(ppt, index) in i18n.brand.PPT_LIST"
-          :key="index"
-          class="ppt-item"
-          :style="{ padding: '0px' }"
-        >
-          <a :href="ppt.LINK" target="_blank" download>
-            <img :src="ppt.URL" alt="" />
-          </a>
-        </OCard>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.button {
-  display: grid;
-  width: 100%;
-  margin-top: var(--o-spacing-h5);
-  justify-items: center;
-  align-items: center;
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: var(--o-spacing-h8);
-  a {
-    width: 100%;
-    display: flex;
-    flex-flow: row;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &-item {
-    padding: var(--o-spacing-h10) 0;
-    max-width: 70px;
-    width: 100%;
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    line-height: var(--o-line-height-text);
-  }
-  &-item:hover {
-    background-color: var(--o-color-brand);
-    color: var(--o-color-text);
-  }
-}
-.brand {
-  margin: var(--o-spacing-h1) 0;
-  &-title {
-    font-size: var(--o-font-size-h3);
-    font-weight: 300;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    width: 100%;
-    text-align: center;
-  }
-
-  &-word {
-    font-size: var(--o-font-size-h7);
-    font-weight: 300;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h7);
-    margin-top: var(--o-spacing-h10);
-  }
-
-  &-list {
-    display: grid;
-    width: 100%;
-    margin-top: var(--o-spacing-h2);
-    justify-items: center;
-    align-items: center;
-    grid-template-columns: repeat(4, 1fr);
-    grid-gap: var(--o-spacing-h4);
-  }
-
-  &-item {
-    width: 100%;
-    padding: var(--o-spacing-h10);
-    max-width: 336px;
-
-    &-title {
-      font-size: var(--o-font-size-h7);
-      font-weight: 400;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h7);
-      margin-top: var(--o-spacing-h10);
-    }
-    &-img {
-      height: 120px;
-      width: 100%;
-      margin-top: var(--o-spacing-h5);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      img {
-        max-width: 100%;
-        max-height: 100%;
-      }
-    }
-  }
-
-  &-ppt {
-    margin-top: var(--o-spacing-h2);
-    width: 100%;
-
-    h3 {
-      font-size: var(--o-font-size-h3);
-      font-weight: 300;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h3);
-      width: 100%;
-      text-align: center;
-    }
-  }
-}
-
-.ppt {
-  &-list {
-    display: grid;
-    width: 100%;
-    margin-top: var(--o-spacing-h2);
-    justify-items: center;
-    align-items: center;
-    grid-template-columns: repeat(4, 1fr);
-    grid-gap: var(--o-spacing-h4);
-  }
-  &-item {
-    width: 100%;
-    max-width: 336px;
-    a {
-      width: 100%;
-      img {
-        width: 100%;
-      }
-    }
-    :deep(.el-card__body) {
-      padding: 0;
-    }
-  }
-}
-
-@media (max-width: 1280px) {
-  .ppt-list,
-  .brand-list {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-@media (max-width: 768px) {
-  .ppt-list,
-  .brand-list {
-    grid-template-columns: repeat(1, 1fr);
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/download/TheDownload.vue b/app/.vitepress/src/views/download/TheDownload.vue
deleted file mode 100644
index 5dee74de87f16ff3e1008b352a6565cd1ced5cc1..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/download/TheDownload.vue
+++ /dev/null
@@ -1,254 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-import IconDownload from '~icons/app/icon-download.svg';
-import banner from '@/assets/banner-secondary.png';
-
-import BannerLevel3 from '@/components/BannerLevel3.vue';
-import { useData } from 'vitepress';
-
-const { lang, theme: i18n } = useData();
-const downloadUrl = (url: string) => {
-  window.open(url);
-};
-
-const currentPage = ref(1);
-const pageSize = ref(9);
-const total = ref(i18n.value.download.DOWNLOAD_LIST.length);
-
-const dataList = computed(() => {
-  return i18n.value.download.DOWNLOAD_LIST.slice(
-    (currentPage.value - 1) * pageSize.value,
-    currentPage.value * pageSize.value
-  );
-});
-
-const urlStyle = computed(() => {
-  if (lang.value === 'zh') {
-    return 'url-list-zh';
-  } else if (lang.value === 'en') {
-    return 'url-list-en';
-  } else if (lang.value === 'ru') {
-    return 'url-list-ru';
-  }
-  return '';
-});
-</script>
-
-<template>
-  <BannerLevel3
-    :background-image="banner"
-    background-text="DOWNLOAD"
-    :title="i18n.download.OUTSIDE_TITLE"
-  />
-  <div class="download">
-    <div class="download-list">
-      <OCard
-        v-for="(download, index) in dataList"
-        :key="index"
-        class="download-list-item"
-      >
-        <h5 class="download-name">
-          {{ download.NAME }}
-        </h5>
-        <div class="download-desc">
-          {{ download.DESC }}
-        </div>
-        <div :class="urlStyle">
-          <div v-if="download.SEEK_HELP_URL ? true : false">
-            <a target="_blank" :href="download.SEEK_HELP_URL">
-              {{ i18n.download.SEEK_HELP }}
-            </a>
-          </div>
-          <div v-if="download.GET_ISO_URL ? true : false">
-            <a target="_blank" :href="download.GET_ISO_URL">
-              {{ i18n.download.GET_ISO }}
-            </a>
-          </div>
-          <div v-if="download.LIFE_CYCLE_URL ? true : false">
-            <a target="_blank" :href="download.LIFE_CYCLE_URL">
-              {{ i18n.download.LIFE_CYCLE }}
-            </a>
-          </div>
-          <div v-if="download.RELEASE_DESC_URL ? true : false">
-            <a target="_blank" :href="download.RELEASE_DESC_URL">
-              {{ i18n.download.RELEASE_DESC }}
-            </a>
-          </div>
-          <div v-if="download.INSTALL_GUIDENCE_URL ? true : false">
-            <a target="_blank" :href="download.INSTALL_GUIDENCE_URL">
-              {{ i18n.download.INSTALL_GUIDENCE }}
-            </a>
-          </div>
-          <div v-if="download.WHITE_PAPER ? true : false">
-            <a target="_blank" :href="download.WHITE_PAPER">
-              {{ i18n.download.WHITE_PAPER }}
-            </a>
-          </div>
-          <div v-if="download.WEBSITE_SELECT ? true : false">
-            <a target="_blank" :href="download.WEBSITE_SELECT">
-              {{ i18n.download.WEBSITE_SELECT }}
-            </a>
-          </div>
-        </div>
-        <OButton
-          size="small"
-          type="primary"
-          class="download-button"
-          @click="downloadUrl(download.DOWNLOAD_URL)"
-        >
-          {{ i18n.download.DOWNLOAD_BTN_NAME }}
-          <IconDownload class="download-button-icon" />
-        </OButton>
-      </OCard>
-    </div>
-  </div>
-  <div class="page-box">
-    <OPagination
-      v-model:currentPage="currentPage"
-      v-model:page-size="pageSize"
-      :page-sizes="[9, 12, 18, 36]"
-      :background="true"
-      layout="sizes, prev, pager, next, slot, jumper"
-      :total="total"
-    >
-      <span>5/50</span>
-    </OPagination>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.page-box {
-  display: flex;
-  flex-flow: row;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: var(--o-spacing-h1);
-}
-.download {
-  margin: var(--o-spacing-h2) 0;
-  &-list {
-    display: grid;
-    max-width: 1504px;
-    margin: 0 auto;
-    justify-items: center;
-    align-items: center;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: var(--o-spacing-h4);
-    &-item {
-      width: 100%;
-      max-width: 456px;
-      padding: 20px;
-      height: 100%;
-    }
-  }
-  &-name {
-    font-size: var(--o-font-size-h5);
-    line-height: var(--o-line-height-h5);
-  }
-
-  &-desc {
-    margin-top: var(--o-spacing-h5);
-    font-size: var(--o-font-size-text);
-    color: var(--o-color-text3);
-    line-height: var(--o-line-height-h8);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    height: var(--o-line-height-h3);
-  }
-
-  &-button {
-    margin-top: var(--o-spacing-h4);
-    padding: var(--o-spacing-h10) var(--o-spacing-h5);
-    line-height: var(--o-line-height-h8);
-    font-size: var(--o-font-size-text);
-
-    &-icon {
-      margin-left: var(--o-spacing-h8);
-      width: var(--o-font-size-tip);
-      height: var(--o-font-size-tip);
-      color: var(--o-color-text);
-    }
-  }
-}
-
-.url-list-zh {
-  margin-top: var(--o-spacing-h4);
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  grid-gap: var(--o-spacing-h5) var(--o-spacing-h8);
-
-  a {
-    font-size: var(--o-font-size-text);
-    color: var(--o-color-brand);
-  }
-}
-
-.url-list-en {
-  margin-top: var(--o-spacing-h4);
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  grid-gap: var(--o-spacing-h5) var(--o-spacing-h8);
-
-  a {
-    font-size: var(--o-font-size-text);
-    color: var(--o-color-brand);
-  }
-}
-
-.url-list-ru {
-  margin-top: var(--o-spacing-h4);
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: var(--o-spacing-h5) var(--o-spacing-h8);
-
-  a {
-    font-size: var(--o-font-size-text);
-    color: var(--o-color-brand);
-  }
-}
-
-@media (max-width: 1440px) {
-  .url-list-zh {
-    grid-template-columns: repeat(4, 1fr);
-  }
-  .url-list-en {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-@media (max-width: 1280px) {
-  .url-list-zh {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .url-list-ru {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-
-@media (max-width: 1080px) {
-  .download-list {
-    grid-template-columns: repeat(1, 1fr);
-  }
-  .url-list-zh {
-    grid-template-columns: repeat(5, 1fr);
-  }
-  .url-list-en {
-    grid-template-columns: repeat(4, 1fr);
-  }
-  .url-list-ru {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-@media (max-width: 768px) {
-  .url-list-ru {
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .url-list-en {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/download/TheMirList.vue b/app/.vitepress/src/views/download/TheMirList.vue
deleted file mode 100644
index 9c3f9da96fb1c6cf0d5df54e6f4f63c588ee92e1..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/download/TheMirList.vue
+++ /dev/null
@@ -1,269 +0,0 @@
-<script setup lang="ts">
-import { onMounted, Ref, ref } from 'vue';
-import { getAllMirror } from '@/api/api-mirror';
-import IconCpoy from '~icons/app/icon-copy.svg';
-import { ElMessage } from 'element-plus';
-import BannerLevel3 from '@/components/BannerLevel3.vue';
-import banner from '@/assets/banner-secondary.png';
-import { useData } from 'vitepress';
-
-const { theme: i18n } = useData();
-
-interface MirrorMsg {
-  name: string;
-  location?: string;
-  sponsor?: string;
-  sponsorLogo?: string;
-  http?: string;
-  rsnc?: string;
-  ftp?: string;
-  continentCode?: string;
-  netband?: string;
-  area?: boolean;
-}
-
-const tableData: Ref<MirrorMsg[]> = ref([]);
-
-const inputDom: Ref<HTMLElement | null> = ref(null);
-
-const initTable = (data: any[]) => {
-  let result: MirrorMsg[] = [];
-  data.forEach((item) => {
-    const itemObj = {
-      name: '',
-      location: '',
-      sponsor: '',
-      sponsorLogo: '',
-      http: '',
-      rsnc: '',
-      ftp: '',
-      continentCode: '',
-      netband: '',
-    };
-    itemObj.continentCode = item.ContinentCode;
-    itemObj.name = item.Name;
-    itemObj.location = item.Country ? item.Country : '-';
-    itemObj.sponsor = item.SponsorURL ? item.SponsorURL : '-';
-    itemObj.sponsorLogo = item.SponsorLogoURL ? item.SponsorLogoURL : '-';
-    itemObj.http = item.HttpURL ? item.HttpURL : '-';
-    itemObj.rsnc = item.RsyncURL ? item.RsyncURL : '-';
-    itemObj.ftp = item.FtpURL ? item.FtpURL : '-';
-    itemObj.netband = item.NetworkBandwidth ? item.NetworkBandwidth : '-';
-    result.push(itemObj);
-  });
-  result.sort((a, b) => {
-    return (a.name + '').localeCompare(b.name + '');
-  });
-
-  const asData = result.filter((item) => {
-    return item.continentCode === 'AS';
-  });
-  asData.unshift({ name: 'Asia:', area: true });
-  const euData = result.filter((item) => {
-    return item.continentCode === 'EU';
-  });
-  euData.unshift({ name: 'Europe:', area: true });
-  result = [...asData, ...euData];
-  return result;
-};
-const tableRowClassName = ({ row }: any) => {
-  if (row.area) {
-    return 'mirror-list-area';
-  }
-  return '';
-};
-const copyText = (value: string) => {
-  if (inputDom.value) {
-    (inputDom.value as HTMLInputElement).value = value;
-    (inputDom.value as HTMLInputElement).select();
-  }
-  const text = '复制成功';
-  ElMessage({
-    message: text,
-    type: 'success',
-  });
-};
-onMounted(async () => {
-  inputDom.value = document.getElementById('useCopy');
-  try {
-    const responeData = await getAllMirror();
-    tableData.value = initTable(responeData);
-  } catch (e) {
-    throw new Error(e);
-  }
-});
-</script>
-
-<template>
-  <BannerLevel3
-    :background-image="banner"
-    background-text="DOWNLOAD"
-    :title="i18n.download.MIRROR_ALL.TITLE"
-  />
-  <div class="mirror-list">
-    <p>
-      {{ i18n.download.MIRROR_ALL.CONTENT[0] }}
-      <a href="mailto:admin@openeuler.io">
-        {{ i18n.download.MIRROR_ALL.CONTENT[1] }}</a
-      >.
-    </p>
-    <el-table
-      :data="tableData"
-      header-cell-class-name="mirror-list-header"
-      cell-class-name="mirror-list-row"
-      :row-class-name="tableRowClassName"
-    >
-      <el-table-column
-        prop="name"
-        :label="i18n.download.MIRROR_ALL.NAME"
-        width="350"
-        class-name="mirror-name"
-      >
-        <template #default="scope">
-          <div>
-            <a :href="scope.row.http" target="_blank">{{ scope.row.name }}</a>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="location"
-        :label="i18n.download.MIRROR_ALL.LOCATION"
-        min-width="100"
-      />
-      <el-table-column :label="i18n.download.MIRROR_ALL.SPONSOR" min-width="80">
-        <template #default="scope">
-          <a :href="scope.row.sponsor" target="_blank"
-            ><img :src="scope.row.sponsorLogo" class="mirror-list-img"
-          /></a>
-        </template>
-      </el-table-column>
-      <el-table-column :label="i18n.download.MIRROR_ALL.RSNC" min-width="80">
-        <template #default="scope">
-          <span v-if="scope.row.rsnc === '-'">{{ scope.row.rsnc }}</span>
-          <IconCpoy
-            v-else-if="scope.row.rsnc && scope.row.rsnc != ''"
-            class="mirror-list-rsnc"
-            @click="copyText(scope.row.rsnc)"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column :label="i18n.download.MIRROR_ALL.FTP" min-width="80">
-        <template #default="scope">
-          <span v-if="scope.row.ftp === '-'">{{ scope.row.ftp }}</span>
-          <IconCpoy
-            v-else-if="scope.row.rsnc && scope.row.rsnc != ''"
-            class="mirror-list-ftp"
-            @click="copyText(scope.row.ftp)"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column
-        :label="i18n.download.MIRROR_ALL.Mbs"
-        prop="netband"
-        width="260"
-      >
-      </el-table-column>
-    </el-table>
-    <div class="input-box">
-      <!-- 用于复制RSNC的值 -->
-      <input id="useCopy" type="text" />
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-.mirror-list {
-  &-header {
-    background: var(--o-color-bg3) !important;
-    font-size: var(--o-font-size-h8);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: 54px;
-    padding: 0 !important;
-    .cell {
-      padding-left: 0px;
-    }
-  }
-  &-header:first-child {
-    .cell {
-      padding-left: var(--o-spacing-h2);
-    }
-  }
-  &-header:last-child {
-    .cell {
-      padding-right: var(--o-spacing-h2);
-    }
-  }
-
-  &-area {
-    .mirror-list-row {
-      font-size: var(--o-font-size-h7) !important;
-      font-weight: 800 !important;
-      height: 72px !important;
-      border: none !important;
-    }
-  }
-
-  &-row {
-    font-size: var(--o-font-size-h8);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    height: 54px;
-    .cell {
-      padding-left: 0px;
-    }
-  }
-  &-row:first-child {
-    .cell {
-      padding-left: var(--o-spacing-h2);
-    }
-  }
-  &-row:last-child {
-    .cell {
-      padding-right: var(--o-spacing-h2);
-    }
-  }
-}
-</style>
-
-<style lang="scss" scoped>
-.mirror-list {
-  max-width: 1504px;
-  margin: var(--o-spacing-h2) auto;
-  margin-top: var(--o-spacing-h1);
-  > p {
-    font-size: 18px;
-    font-weight: 400;
-    color: #000000;
-    line-height: 34px;
-    margin: 60px 0 30px 0;
-    > a {
-      text-decoration: none;
-      color: #002fa7;
-    }
-  }
-
-  &-img {
-    height: 34px;
-  }
-  &-rsnc {
-    cursor: pointer;
-    color: var(--o-color-brand);
-    display: block;
-    width: 24px;
-    height: 24px;
-  }
-  &-ftp {
-    cursor: pointer;
-    color: var(--o-color-brand);
-    display: block;
-    width: 24px;
-    height: 24px;
-  }
-}
-
-.input-box #useCopy {
-  position: absolute;
-  opacity: 0;
-}
-</style>
diff --git a/app/.vitepress/src/views/home/CommunityActivity.vue b/app/.vitepress/src/views/home/CommunityActivity.vue
deleted file mode 100644
index d64c45e928a77ac70d27de7bdb2f5886bc33108e..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/home/CommunityActivity.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<script setup lang="ts">
-import IconArrowRight from '~icons/app/arrow-right.svg';
-import { useData } from 'vitepress';
-import { useCommon } from '@/stores/common';
-
-const commonStore = useCommon();
-
-const { theme: i18n } = useData();
-</script>
-
-<template>
-  <div class="community">
-    <h3>{{ i18n.home.COMMUNITY_ACTIVITY.TITLE }}</h3>
-    <div class="community-list">
-      <OCard class="community-card" :style="{ padding: '0px' }">
-        <div class="community-title">
-          {{ i18n.home.COMMUNITY_ACTIVITY.CARD.TITLE }}
-        </div>
-        <div class="community-word">
-          {{ i18n.home.COMMUNITY_ACTIVITY.CARD.CONTENT }}
-        </div>
-        <div class="community-detail">
-          {{ i18n.home.COMMUNITY_ACTIVITY.CARD.VIEW_DETAILS
-          }}<IconArrowRight class="community-detail-icon"></IconArrowRight>
-        </div>
-      </OCard>
-
-      <OCard class="round-card" :style="{ padding: '0px' }">
-        <div class="round-list">
-          <div
-            v-for="(item, index) in i18n.home.COMMUNITY_ACTIVITY.ROUND_LIST"
-            :key="index"
-            class="round-item"
-          >
-            <img
-              :src="
-                commonStore.theme === 'dark'
-                  ? item.ROUND_IMG_DARK
-                  : item.ROUND_IMG
-              "
-              class="round-img"
-            />
-
-            <div class="round-value">{{ item.ROUND_VALUE }}</div>
-            <div class="round-title">{{ item.ROUND_TEXT }}</div>
-          </div>
-        </div>
-      </OCard>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.round {
-  &-card {
-    display: flex;
-    flex-flow: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    padding: 30px;
-
-    :deep(.el-card__body) {
-      width: 100%;
-      padding: var(--o-spacing-h2);
-      @media (max-width: 768px) {
-        padding: var(--o-spacing-h4) 0 0 0;
-      }
-    }
-  }
-
-  &-list {
-    display: flex;
-    flex-flow: row;
-    justify-content: space-evenly;
-    align-items: center;
-    flex-wrap: wrap;
-    width: 100%;
-    @media (max-width: 768px) {
-      justify-content: center;
-    }
-  }
-
-  &-item {
-    display: flex;
-    flex-flow: column;
-    justify-content: center;
-    align-items: center;
-    width: 90px;
-
-    @media (max-width: 768px) {
-      width: 32%;
-      margin-bottom: var(--o-spacing-h4);
-    }
-  }
-
-  &-value {
-    font-size: var(--o-font-size-h5);
-    font-weight: 500;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h5);
-    margin-top: var(--o-spacing-h5);
-    @media (max-width: 768px) {
-      margin-top: var(--o-spacing-h10);
-      font-size: var(--o-font-size-text);
-      line-height: var(--o-line-height-text);
-    }
-  }
-
-  &-title {
-    font-size: var(--o-font-size-h7);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h7);
-    margin-top: var(--o-spacing-h8);
-    @media (max-width: 768px) {
-      margin-top: var(--o-spacing-h10);
-      font-size: var(--o-font-size-tip);
-      line-height: var(--o-line-height-tip);
-    }
-  }
-
-  &-img {
-    width: 48px;
-    height: 48px;
-    @media (max-width: 768px) {
-      width: 40px;
-      height: 40px;
-    }
-  }
-}
-.community {
-  margin-top: var(--o-spacing-h1);
-  @media (max-width: 768px) {
-    margin-top: var(--o-spacing-h2);
-  }
-  h3 {
-    font-size: var(--o-font-size-h3);
-    font-weight: 300;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    width: 100%;
-    text-align: center;
-    @media (max-width: 768px) {
-      font-size: var(--o-font-size-h8);
-      line-height: var(--o-line-height-h8);
-    }
-  }
-
-  &-title {
-    font-size: var(--o-font-size-h7);
-    font-weight: 500;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h7);
-    @media (max-width: 768px) {
-      font-size: var(--o-font-size-text);
-      line-height: var(--o-line-height-text);
-    }
-  }
-
-  &-word {
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text3);
-    line-height: var(--o-line-height-text);
-    margin-top: var(--o-spacing-h5);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-
-    @media (max-width: 768px) {
-      margin-top: var(--o-spacing-h8);
-      font-size: var(--o-font-size-tip);
-      line-height: var(--o-line-height-tip);
-    }
-  }
-  &-list {
-    display: grid;
-    grid-template-columns: 1fr 2fr;
-    margin-top: var(--o-spacing-h2);
-    grid-gap: var(--o-spacing-h2);
-
-    @media (max-width: 1080px) {
-      display: grid;
-      grid-template-columns: 1fr;
-      margin-top: var(--o-spacing-h5);
-      grid-gap: var(--o-spacing-h5);
-    }
-  }
-
-  &-detail {
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-text);
-    margin-top: var(--o-spacing-h4);
-    display: flex;
-    flex-flow: row;
-    justify-content: flex-start;
-    align-items: center;
-
-    &-icon {
-      width: var(--o-font-size-h8);
-      height: var(--o-font-size-h8);
-      color: var(--o-color-brand);
-      margin-left: var(--o-spacing-h8);
-    }
-
-    @media (max-width: 768px) {
-      margin-top: var(--o-spacing-h4);
-    }
-  }
-
-  &-card {
-    width: 100%;
-    background-image: url('/img/home/round-bg.png');
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: right;
-
-    :deep(.el-card__body) {
-      padding: var(--o-spacing-h2);
-      @media (max-width: 768px) {
-        padding: var(--o-spacing-h5) var(--o-spacing-h8);
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/home/HomeBanner.vue b/app/.vitepress/src/views/home/HomeBanner.vue
deleted file mode 100644
index 77e5181fe0b920fae91c9c19d4a97cda08a3964d..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/home/HomeBanner.vue
+++ /dev/null
@@ -1,282 +0,0 @@
-<script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { Swiper, SwiperSlide } from 'swiper/vue';
-import SwiperCore, { Autoplay, Pagination, Navigation } from 'swiper';
-import 'swiper/swiper.min.css';
-import 'swiper/components/navigation/navigation.min.css';
-import 'swiper/components/pagination/pagination.min.css';
-import { useData } from 'vitepress';
-import HomeConfig from './config';
-
-import IconArrowRight from '~icons/app/icon-arrow-right1.svg';
-
-SwiperCore.use([Autoplay, Pagination, Navigation]);
-
-const { lang } = useData();
-const flag = ref();
-const onSwiper = (swiper: any) => {
-  swiper.el.onmouseout = function () {
-    swiper.navigation.$nextEl.removeClass('show');
-    swiper.navigation.$prevEl.removeClass('show');
-  };
-  swiper.el.onmouseover = function () {
-    swiper.navigation.$nextEl.addClass('show');
-    swiper.navigation.$prevEl.addClass('show');
-  };
-  flag.value = computed(() => swiper.animating);
-};
-
-// 判断语言 banner
-const homeBanner = computed(() => {
-  if (lang.value === 'en') {
-    return HomeConfig.HOMEBANNER.en;
-  } else if (lang.value === 'ru') {
-    return HomeConfig.HOMEBANNER.ru;
-  } else {
-    return HomeConfig.HOMEBANNER.zh;
-  }
-});
-
-// banner跳转事件
-const jump = (item: any) => {
-  if (flag.value) {
-    if (item.targetTap === 1) {
-      window.open(item.link, '_blank');
-    } else {
-      window.open(item.link, '_self');
-    }
-  }
-};
-</script>
-
-<template>
-  <swiper
-    class="home-banner"
-    :loop="true"
-    :pagination="{
-      clickable: true,
-    }"
-    :autoplay="{
-      delay: 5000,
-      disableOnInteraction: false,
-    }"
-    :navigation="true"
-    @swiper="onSwiper"
-  >
-    <swiper-slide v-for="item in homeBanner" :key="item.link">
-      <a class="banner-panel" @click="jump(item)">
-        <div
-          class="banner-panel-cover"
-          :style="{ backgroundImage: 'url(' + item.pcBanner + ')' }"
-        >
-          <div
-            v-if="item.title !== ''"
-            class="banner-panel-content flex-column"
-          >
-            <div class="box">
-              <p class="title">{{ item.title }}</p>
-              <p class="desc">{{ item.desc }}</p>
-            </div>
-            <div class="action">
-              <OButton class="home-banner-btn">
-                {{ item.btn }}
-                <template #suffixIcon
-                  ><OIcon><IconArrowRight /></OIcon
-                ></template>
-              </OButton>
-            </div>
-          </div>
-          <img v-else class="isH5show" :src="item.moBanner" alt="" />
-        </div>
-      </a>
-    </swiper-slide>
-  </swiper>
-</template>
-
-<style lang="scss" scoped>
-$banner-color: #fff;
-.dark .banner-panel-cover {
-  filter: brightness(80%) grayscale(20%) contrast(1.2);
-}
-.home-banner-btn {
-  border-color: $banner-color;
-  color: $banner-color;
-  @media screen and (max-width: 824px) {
-    padding: 5px 12px 5px 16px;
-    line-height: 22px;
-    font-size: 14px;
-  }
-}
-
-.home-banner {
-  height: 480px;
-  position: relative;
-
-  .banner-panel {
-    position: absolute;
-    background-color: var(--o-color-bg);
-    display: flex;
-    background-position: 50%;
-    background-repeat: no-repeat;
-    background-size: cover;
-    width: 100%;
-    height: 100%;
-    opacity: 1;
-    transition: all 0.33s;
-    &-content {
-      max-width: 1416px;
-      margin: 0 auto;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      height: 100%;
-      .title {
-        font-size: var(--o-font-size-h1);
-        line-height: var(--o-line-height-h1);
-        // color: var(--o-color-text);
-        filter: invert(1);
-        font-weight: 600;
-        @media screen and (max-width: 1439px) {
-          font-size: var(--o-font-size-h2);
-          line-height: var(--o-line-height-h2);
-        }
-        @media screen and (max-width: 824px) {
-          font-size: var(--o-font-size-h4);
-          line-height: var(--o-line-height-h4);
-        }
-      }
-      .desc {
-        font-size: var(--o-font-size-h5);
-        font-weight: normal;
-        // color: var(--o-color-text);
-        line-height: var(--o-line-height-h5);
-        margin-top: var(--o-spacing-h6);
-        filter: invert(1);
-        @media screen and (max-width: 1439px) {
-          font-size: var(--o-font-size-h6);
-          line-height: var(--o-line-height-h6);
-        }
-        @media screen and (max-width: 824px) {
-          margin-top: var(--o-spacing-h9);
-          font-size: var(--o-font-size-text);
-          line-height: var(--o-line-height-text);
-        }
-      }
-      .action {
-        margin-top: var(--o-spacing-h3);
-        .o-icon {
-          color: var(--o-color-text);
-        }
-        @media screen and (max-width: 824px) {
-          margin-top: 0;
-        }
-      }
-      @media screen and (max-width: 1439px) {
-        padding: 0 16px;
-      }
-      @media screen and (max-width: 824px) {
-        padding: 72px 16px 50px;
-        justify-content: space-between;
-        box-sizing: border-box;
-        text-align: center;
-      }
-    }
-    &-cover {
-      background-position: 50%;
-      background-repeat: no-repeat;
-      background-size: cover;
-      width: 100%;
-      height: 100%;
-    }
-    .isH5show {
-      display: none;
-      object-fit: cover;
-      width: 100%;
-      @media screen and (max-width: 824px) {
-        display: block;
-        height: 300px;
-      }
-    }
-
-    @media screen and (max-width: 767px) {
-      position: static !important;
-    }
-  }
-  @media screen and (max-width: 1100px) {
-    height: 400px;
-  }
-  @media screen and (max-width: 824px) {
-    height: 300px;
-  }
-}
-
-:deep(.swiper-pagination) {
-  width: 1416px !important;
-  bottom: 84px;
-  left: 50% !important;
-  transform: translateX(-50%);
-  text-align: left;
-  .swiper-pagination-bullet {
-    width: 40px;
-    height: 2px;
-    opacity: 1;
-    background: rgba(207, 211, 215, 0.6);
-    border-radius: 0;
-    margin: 0 4px;
-  }
-  .swiper-pagination-bullet-active {
-    background: var(--o-color-auxiliary);
-    opacity: 1;
-  }
-  @media screen and (max-width: 1439px) {
-    width: 1080px !important;
-    padding: 0 16px;
-    left: 0 !important;
-    transform: translateX(0);
-  }
-  @media screen and (max-width: 1100px) {
-    width: 100% !important;
-    bottom: 72px;
-    .swiper-pagination-bullet {
-      width: 20px !important;
-      margin: 0 4px 0 0;
-    }
-  }
-  @media screen and (max-width: 824px) {
-    left: 50% !important;
-    transform: translateX(-50%);
-    text-align: center;
-    bottom: 24px;
-  }
-}
-:deep(.swiper-button-prev) {
-  width: 32px;
-  height: 32px;
-  background: rgba(56, 56, 56, 0.5);
-  border-radius: 50%;
-  opacity: 0;
-  transition: all 0.3s;
-  &:after {
-    font-size: 20px;
-    color: #fff;
-  }
-  &.show {
-    opacity: 1;
-  }
-}
-:deep(.swiper-button-next) {
-  width: 32px;
-  height: 32px;
-  background: rgba(56, 56, 56, 0.5);
-  border-radius: 50%;
-  opacity: 0;
-  transition: all 0.3s;
-  &:after {
-    font-size: 20px;
-    color: #fff;
-  }
-  &.show {
-    opacity: 1;
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/home/ImgCarousel.vue b/app/.vitepress/src/views/home/ImgCarousel.vue
deleted file mode 100644
index ae7126aac034bdb770487849bae1c9677c2571ea..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/home/ImgCarousel.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-<script setup lang="ts">
-import { useData } from 'vitepress';
-import { ref } from 'vue';
-import IconArrowRight from '~icons/app/arrow-right.svg';
-import IconDown from '~icons/app/icon-down.svg';
-
-const { theme: i18n } = useData();
-
-const active = ref(0);
-
-const changeActive = (index: number) => {
-  active.value = index;
-};
-</script>
-
-<template>
-  <div class="carousel">
-    <h3>{{ i18n.home.IMG_CAROUSE.TITLE }}</h3>
-    <div class="carousel-pc">
-      <OCard class="carousel-pc-card" :style="{ padding: '0px' }">
-        <div class="carousel-pc-content">
-          <div class="carousel-pc-list">
-            <div
-              v-for="(item, index) in i18n.home.IMG_CAROUSE.LIST"
-              :key="index"
-              :class="['carousel-pc-title', active === index ? 'active' : '']"
-              @click="changeActive(index)"
-            >
-              {{ item.TITLE }}
-            </div>
-          </div>
-          <div class="carousel-pc-img">
-            <img :src="i18n.home.IMG_CAROUSE.LIST[active].IMG_URL" />
-          </div>
-        </div>
-        <div class="carousel-pc-button">
-          {{ i18n.home.IMG_CAROUSE.BUTTON }}
-          <IconArrowRight class="carousel-pc-button-icon"></IconArrowRight>
-        </div>
-      </OCard>
-    </div>
-    <div class="carousel-mobile">
-      <div v-for="(item, index) in i18n.home.IMG_CAROUSE.LIST" :key="index">
-        <OCard
-          class="carousel-mobile-card"
-          :style="{ padding: '0px' }"
-          @click="changeActive(index)"
-        >
-          <div class="carousel-mobile-content">
-            <div class="carousel-mobile-title">
-              {{ item.TITLE }}
-            </div>
-            <IconDown class="carousel-mobile-icon"></IconDown>
-          </div>
-        </OCard>
-        <div v-if="index === active" class="carousel-mobile-img">
-          <img :src="i18n.home.IMG_CAROUSE.LIST[active].IMG_URL" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.carousel {
-  max-width: 1504px;
-  padding: 40px;
-  margin: 0 auto;
-  padding: 0;
-  h3 {
-    font-size: var(--o-font-size-h3);
-    font-weight: 300;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    width: 100%;
-    text-align: center;
-    margin-top: var(--o-spacing-h1);
-    @media (max-width: 768px) {
-      font-size: var(--o-font-size-h8);
-      line-height: var(--o-line-height-h8);
-      margin-top: var(--o-spacing-h2);
-    }
-  }
-
-  &-mobile {
-    margin-top: var(--o-spacing-h5);
-    display: none;
-    @media (max-width: 1080px) {
-      display: flex;
-      flex-flow: column;
-    }
-    &-card {
-      :deep(.el-card__body) {
-        padding: var(--o-spacing-h4);
-        @media (max-width: 768px) {
-          padding: var(--o-spacing-h8);
-        }
-      }
-    }
-
-    &-content {
-      display: flex;
-      flex-flow: row;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    &-img {
-      width: 100%;
-      margin: var(--o-spacing-h5) 0;
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-      }
-    }
-
-    &-title {
-      font-size: var(--o-font-size-h5);
-      font-weight: 500;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h5);
-      @media (max-width: 768px) {
-        font-size: var(--o-font-size-text);
-        line-height: var(--o-line-height-text);
-      }
-    }
-
-    &-icon {
-      font-size: var(--o-font-size-h8);
-      color: var(--o-color-text3);
-    }
-  }
-  &-pc {
-    margin-top: var(--o-spacing-h2);
-    @media (max-width: 1080px) {
-      display: none;
-    }
-    &-card {
-      :deep(.el-card__body) {
-        padding: var(--o-spacing-h1) var(--o-spacing-h1) var(--o-spacing-h2);
-      }
-    }
-
-    &-content {
-      display: flex;
-      flex-flow: row;
-      justify-content: space-between;
-      align-items: center;
-      padding-bottom: var(--o-spacing-h2);
-      border-bottom: 1px solid var(--o-color-division);
-    }
-
-    &-list {
-      display: flex;
-      flex-flow: column;
-      margin-right: var(--o-spacing-h1);
-      justify-content: space-between;
-      height: 400px;
-      align-items: center;
-      :nth-child(4) {
-        border-bottom: 0px;
-        padding-bottom: 0px;
-      }
-
-      @media (max-width: 1280px) {
-        height: 320px;
-      }
-    }
-
-    &-img {
-      flex: 1;
-      img {
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-      }
-    }
-
-    &-title {
-      font-size: var(--o-font-size-h4);
-      font-weight: 400;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h4);
-      text-align: start;
-      border-bottom: 1px solid var(--o-color-division);
-      padding-bottom: var(--o-spacing-h2);
-      @media (max-width: 1280px) {
-        padding-bottom: var(--o-spacing-h3);
-      }
-    }
-
-    &-button {
-      display: flex;
-      flex-flow: row;
-      justify-content: center;
-      align-items: center;
-      margin-top: var(--o-spacing-h2);
-      &-icon {
-        width: var(--o-font-size-h8);
-        height: var(--o-font-size-h8);
-        color: var(--o-color-brand);
-        margin-left: var(--o-spacing-h8);
-      }
-    }
-  }
-}
-.active {
-  color: var(--o-color-brand);
-}
-</style>
diff --git a/app/.vitepress/src/views/home/TheHome.vue b/app/.vitepress/src/views/home/TheHome.vue
deleted file mode 100644
index 53f54a4c335e31341a6c27664f269fcb11e43980..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/home/TheHome.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<script setup lang="ts">
-import UserCase from './UserCase.vue';
-import CommunityActivity from './CommunityActivity.vue';
-import HomeBanner from './HomeBanner.vue';
-import ImgCarousel from './ImgCarousel.vue';
-</script>
-
-<template>
-  <HomeBanner />
-  <ImgCarousel />
-  <UserCase />
-  <CommunityActivity />
-</template>
-
-<style lang="scss" scoped></style>
diff --git a/app/.vitepress/src/views/home/UserCase.vue b/app/.vitepress/src/views/home/UserCase.vue
deleted file mode 100644
index 463dac275618df0b13e6362cf64403fdc22147f9..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/home/UserCase.vue
+++ /dev/null
@@ -1,296 +0,0 @@
-<script setup lang="ts">
-import { useData } from 'vitepress';
-import { useCommon } from '@/stores/common';
-import IconArrowRight from '~icons/app/arrow-right.svg';
-import IconDown from '~icons/app/icon-down.svg';
-import { ref } from 'vue';
-
-const { theme: i18n } = useData();
-
-const commonStore = useCommon();
-
-const active = ref(0);
-
-const changeActive = (index: number) => {
-  active.value = index;
-};
-</script>
-
-<template>
-  <h3>{{ i18n.home.USER_CASE.TITLE }}</h3>
-  <div class="case-mobile">
-    <div
-      v-for="(item, index) in i18n.home.USER_CASE.CASE_LIST"
-      :key="index"
-      class="case-mobile-list"
-    >
-      <OCard
-        :style="{ padding: '0px' }"
-        class="case-mobile-card"
-        @click="changeActive(index)"
-      >
-        <div class="case-mobile-card-content">
-          <div class="case-mobile-title">
-            <img
-              class="case-mobile-img"
-              :src="commonStore.theme === 'dark' ? item.URL_DARK : item.URL"
-            />
-
-            <div class="case-mobile-word">{{ item.TYPE }}</div>
-          </div>
-          <IconDown class="case-mobile-icon"></IconDown>
-        </div>
-      </OCard>
-      <div v-if="active === index" class="user-mobile">
-        <div
-          v-for="(user, index2) in i18n.home.USER_CASE.CASE_LIST[active]
-            .CONTENT"
-          :key="index2"
-          class="user-card"
-        >
-          <div class="user-title">{{ user.NAME }}</div>
-          <div class="user-word">{{ user.WORD }}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="case">
-    <OCard class="case-card">
-      <div class="case-tab">
-        <div
-          v-for="(item, index) in i18n.home.USER_CASE.CASE_LIST"
-          :key="index"
-          class="case-tab-item"
-        >
-          <img
-            class="case-img"
-            :src="commonStore.theme === 'dark' ? item.URL_DARK : item.URL"
-          />
-          <div
-            :class="['case-word', active === index ? 'active' : '']"
-            @click="changeActive(index)"
-          >
-            {{ item.TYPE }}
-          </div>
-        </div>
-      </div>
-      <div class="case-user">
-        <div
-          v-for="(item, index) in i18n.home.USER_CASE.CASE_LIST[active].CONTENT"
-          :key="index"
-          class="user-card"
-        >
-          <div class="user-title">{{ item.NAME }}</div>
-          <div class="user-word">{{ item.WORD }}</div>
-        </div>
-      </div>
-      <div class="case-more">
-        {{ i18n.home.USER_CASE.VIEW_MORE }}
-        <IconArrowRight class="case-more-icon"></IconArrowRight>
-      </div>
-    </OCard>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-h3 {
-  font-size: var(--o-font-size-h3);
-  font-weight: 300;
-  color: var(--o-color-text2);
-  line-height: var(--o-line-height-h3);
-  width: 100%;
-  text-align: center;
-  margin-top: var(--o-spacing-h1);
-  @media (max-width: 768px) {
-    font-size: var(--o-font-size-h8);
-    line-height: var(--o-line-height-h8);
-    margin-top: var(--o-spacing-h2);
-  }
-}
-.case-mobile {
-  display: none;
-  @media (max-width: 1080px) {
-    display: block;
-  }
-
-  &-list {
-    margin-top: var(--o-spacing-h4);
-    @media (max-width: 768px) {
-      margin-top: 0;
-    }
-  }
-
-  &-title {
-    display: flex;
-    flex-flow: row;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &-word {
-    margin-left: var(--o-spacing-h8);
-    font-size: var(--o-font-size-h5);
-    line-height: var(--o-line-height-h5);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    @media (max-width: 768px) {
-      font-size: var(--o-font-size-text);
-      font-weight: 300;
-      line-height: var(--o-line-height-text);
-    }
-  }
-
-  &-img {
-    width: 40px;
-    height: 40px;
-    color: var(--o-color-text2);
-  }
-
-  &-card {
-    margin-top: var(--o-spacing-h5);
-    width: 100%;
-    border-left: 2px solid var(--o-color-brand);
-    &-content {
-      display: flex;
-      flex-flow: row;
-      justify-content: space-between;
-      align-items: center;
-    }
-
-    :deep(.el-card__body) {
-      padding: var(--o-spacing-h5);
-      @media (max-width: 768px) {
-        padding: var(--o-spacing-h8);
-      }
-    }
-  }
-
-  &-icon {
-    font-size: var(--o-font-size-h8);
-    color: var(--o-color-text3);
-  }
-}
-.user {
-  &-mobile {
-    padding: var(--o-spacing-h8);
-    background-color: var(--o-color-bg3);
-    > :nth-child(1) {
-      margin-top: 0px;
-    }
-  }
-  &-card {
-    padding: var(--o-spacing-h5);
-    width: 100%;
-    background: var(--o-color-bg2);
-    border: 1px solid rgba(0, 0, 0, 0);
-    border-left: 2px solid var(--o-color-brand);
-    @media (max-width: 1080px) {
-      background: var(--o-color-bg);
-      margin-top: var(--o-spacing-h8);
-    }
-
-    @media (max-width: 768px) {
-      padding: var(--o-spacing-h8);
-    }
-  }
-
-  &-card:hover {
-    @media (min-width: 1080px) {
-      background-color: var(--o-color-bg);
-      border: 1px solid var(--o-color-brand);
-      box-shadow: var(--o-shadow-secondary);
-      border-left: 2px solid var(--o-color-brand);
-      transition: 0.3s all;
-    }
-  }
-
-  &-title {
-    font-size: var(--o-font-size-h7);
-    font-weight: 500;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h7);
-    @media (max-width: 768px) {
-      font-size: var(--o-font-size-text);
-      line-height: var(--o-line-height-text);
-    }
-  }
-
-  &-word {
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text3);
-    line-height: var(--o-line-height-text);
-    @media (max-width: 768px) {
-      font-size: var(--o-font-size-tip);
-      line-height: var(--o-line-height-tip);
-    }
-  }
-}
-.case {
-  display: block;
-  @media (max-width: 1080px) {
-    display: none;
-  }
-  &-more {
-    display: flex;
-    flex-flow: row;
-    justify-content: center;
-    align-items: center;
-    margin-top: var(--o-spacing-h2);
-    &-icon {
-      width: var(--o-font-size-h8);
-      height: var(--o-font-size-h8);
-      color: var(--o-color-brand);
-      margin-left: var(--o-spacing-h8);
-    }
-  }
-
-  &-user {
-    margin-top: var(--o-spacing-h2);
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    padding-bottom: var(--o-spacing-h2);
-    grid-gap: var(--o-spacing-h4) var(--o-spacing-h2);
-    border-bottom: 1px solid var(--o-color-division);
-  }
-
-  &-card {
-    margin-top: var(--o-spacing-h2);
-    width: 100%;
-    padding: 20px;
-  }
-
-  &-img {
-    margin-top: var(--o-spacing-h5);
-    width: 80px;
-    height: 80px;
-    color: white;
-  }
-
-  &-word {
-    font-size: var(--o-font-size-h5);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h5);
-    margin-top: 2px;
-  }
-
-  &-tab {
-    display: flex;
-    flex-flow: row;
-    justify-content: center;
-    align-items: center;
-    &-item {
-      display: flex;
-      flex-flow: column;
-      justify-content: center;
-      align-items: center;
-      margin: 0px 28px;
-    }
-  }
-}
-
-.active {
-  color: var(--o-color-brand);
-}
-</style>
diff --git a/app/.vitepress/src/views/home/config.ts b/app/.vitepress/src/views/home/config.ts
deleted file mode 100644
index 1ede7d2cdf04083dbc6165e0f4075bf423b7aac3..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/home/config.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-export default {
-  // 首页banner  targetTap:1 新页签打开
-  HOMEBANNER: {
-    zh: [
-      {
-        pcBanner: '/img/home/banner/banner1.png',
-        moBanner: 'https://openlookeng.io/img/banner/banner_mo.png',
-        link: '',
-        targetTap: 1,
-        title: '一起迁移吧',
-        desc: '手把手教你把操作系统替换成openEuler',
-        btn: '了解更多',
-      },
-      {
-        pcBanner: 'https://www.openeuler.org/img/activities/pc/summit.png',
-        moBanner: 'https://www.openeuler.org/img/activities/mobile/banner.png',
-        link: '',
-        targetTap: 0,
-        title: '',
-        desc: '',
-        btn: '',
-      },
-    ],
-    en: [
-      {
-        pcBanner: '/img/banner/banner.png',
-        moBanner: '/img/banner/banner_en_mo.png',
-        link: '/docs/docs/start.html',
-        targetTap: 1,
-        title: 'openLooKeng, Make Big Data Simplified',
-        desc: 'A Distributed, Low-Latency, Reliable Data Engine for All Data',
-        btn: 'Learn More',
-      },
-      {
-        pcBanner: '/img/banner/homeBanner2_en.jpg',
-        moBanner: '/img/banner/version_en.png',
-        link: '/en/information/news/2022-06-30/',
-        targetTap: 0,
-        title: 'openLooKeng v1.7.0 Officially Released',
-        desc: '',
-        btn: 'Learn More',
-      },
-    ],
-    ru: [
-      {
-        pcBanner: '/img/banner/banner.png',
-        moBanner: '/img/banner/banner_en_mo.png',
-        link: '/docs/docs/start.html',
-        targetTap: 1,
-        title: 'openLooKeng, Make Big Data Simplified',
-        desc: 'A Distributed, Low-Latency, Reliable Data Engine for All Data',
-        btn: 'Learn More',
-      },
-      {
-        pcBanner: '/img/banner/homeBanner2_en.jpg',
-        moBanner: '/img/banner/version_en.png',
-        link: '/en/information/news/2022-06-30/',
-        targetTap: 0,
-        title: 'openLooKeng v1.7.0 Officially Released',
-        desc: '',
-        btn: 'Learn More',
-      },
-    ],
-  },
-};
diff --git a/app/.vitepress/src/views/learn/mooc/TheMooc.vue b/app/.vitepress/src/views/learn/mooc/TheMooc.vue
deleted file mode 100644
index 9d348a5d72db67d653b1b8183aec60441426d2e9..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/learn/mooc/TheMooc.vue
+++ /dev/null
@@ -1,107 +0,0 @@
-<script setup lang="ts">
-import { useData } from 'vitepress';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-import moocBanner from '@/assets/banner-secondary.png';
-import searchBanner from '@/assets/illustrations/search.png';
-
-import IconArrowRight1 from '~icons/app/icon-arrow-right1.svg';
-
-const { theme: i18n } = useData();
-</script>
-
-<template>
-  <div class="mooc">
-    <BannerLevel2
-      :title="i18n.mooc.MOOC.MOOC"
-      :background-image="moocBanner"
-      :illustration="searchBanner"
-    />
-    <div class="mooc-content">
-      <div class="left">
-        <img :src="i18n.mooc.MOOC.MOOC_COURSE[0].IMG" alt="" />
-      </div>
-      <div class="right">
-        <h3>{{ i18n.mooc.MOOC.MOOC_COURSE[0].TITLE }}</h3>
-        <p>{{ i18n.mooc.MOOC.MOOC_COURSE[0].DESC }}</p>
-        <div class="botton">
-          <a href="/zh/learn/mooc/mooc-detail/" target="_self">
-            <OButton type="primary">
-              <span>{{ i18n.mooc.MOOC.BTN_LEARN }}</span>
-              <OIcon class="icon-more">
-                <IconArrowRight1 />
-              </OIcon>
-            </OButton>
-          </a>
-          <a :href="i18n.mooc.MOOC.MOOC_COURSE[0].APPLY_LINK" target="_blank">
-            <OButton>
-              <span>{{ i18n.mooc.MOOC.BTN_APPLY }}</span>
-              <OIcon>
-                <IconArrowRight1 />
-              </OIcon>
-            </OButton>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.mooc {
-  .banner {
-    height: 30px;
-  }
-  min-height: 69vh;
-  .mooc-content {
-    display: flex;
-    max-width: 1504px;
-    margin: var(--o-spacing-h1) auto;
-    padding: 0 var(--o-spacing-h2);
-    .left {
-      width: 456px;
-      height: 222px;
-    }
-    .right {
-      padding: 40px;
-      background-color: var(--o-color-bg);
-      flex-grow: 1;
-      h3 {
-        font-size: var(--o-font-size-h5);
-        line-height: var(--o-line-height-h5);
-        color: var(--o-color-text2);
-      }
-      p {
-        font-size: var(--o-font-size-text);
-        line-height: 22px;
-        color: var(--o-color-text3);
-        margin-top: 16px;
-      }
-      .botton {
-        display: flex;
-        .o-button {
-          width: 104px;
-          height: 32px;
-          margin-right: 24px;
-          margin-top: var(--o-spacing-h2);
-          padding: 5px 0 5px 16px;
-          font-size: var(--o-font-size-text);
-          text-align: left;
-          display: flex;
-          align-items: center;
-          .o-icon {
-            font-size: 12px;
-            margin-left: 8px;
-            position: relative;
-            top: 5px;
-          }
-          &-type-primary {
-            color: #ffffff;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/learn/mooc/mooc-detail/MoocDetail.vue b/app/.vitepress/src/views/learn/mooc/mooc-detail/MoocDetail.vue
deleted file mode 100644
index 13016ffe105ef159d2275e349aefef8a50928dee..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/learn/mooc/mooc-detail/MoocDetail.vue
+++ /dev/null
@@ -1,865 +0,0 @@
-<script setup lang="ts">
-import {
-  onMounted,
-  ref,
-  getCurrentInstance,
-  onUpdated,
-  computed,
-  onUnmounted,
-} from 'vue';
-import { useData } from 'vitepress';
-
-import VideoCtrl from './controll/VideoCtrl.vue';
-import BreadCrumbs from '@/components/BreadCrumbs.vue';
-
-import IconArrowLeft from '~icons/app/icon-arrow-left1.svg';
-import IconArrowRight from '~icons/app/icon-arrow-right1.svg';
-import IconChevronDown from '~icons/app/icon-chevron-down.svg';
-
-const { theme: i18n } = useData();
-
-const moocData = computed(() => i18n.value.mooc);
-
-const isNowPlay = ref(false);
-const defaultProps = ref({
-  children: 'children',
-  label: 'label',
-});
-// 导航栏目录数据
-const menuData: any = ref([]);
-// 当前选中节点内容
-const currentNode = ref({
-  title: '',
-  ppt: '',
-  desc: '',
-  video: '',
-  key: '',
-});
-const teacherList: any = ref([]);
-const introductionText = ref([]);
-const allNode: any = ref([]);
-const courseH1 = ref('');
-const welcome = ref('');
-const courseIndex = ref(0);
-// 控制移动端二级导航展开收起
-const isShowMenu = ref(false);
-const mobileNavIndex = ref(-1);
-const navItemIndex = ref('');
-let refs: any = null;
-// 操作视频控制对象
-const ctrlObj: any = ref();
-// 确定介绍文字中的标题下标
-const listTitleIndex = ref(0);
-onMounted(() => {
-  const { $refs } = (getCurrentInstance() as any).proxy;
-  refs = $refs;
-  getMenu();
-  teacherList.value = menuData.value[0].teacher;
-  allNode.value = getCoursePath(menuData.value);
-  ctrlObj.value = {
-    element: document.getElementById('pc-video'),
-    isShow: true,
-    barWidth: 590,
-  };
-  courseIndex.value =
-    JSON.parse(sessionStorage.getItem('courseIndex') || '0') * 1;
-  setCourseData(allNode.value[courseIndex.value]);
-});
-onUpdated(() => {
-  setCheckedNode();
-});
-// 移动端导航栏二级导航点击事件
-function toCourse(item: any) {
-  setCourseData(item);
-  showMenu('hide');
-  navItemIndex.value = item.key;
-}
-// 移动端导航栏一级导航点击事件
-function showItem(index: number, item: any) {
-  if (index === 0) {
-    setCourseData(item);
-    showMenu('hide');
-  } else {
-    if (mobileNavIndex.value === index) {
-      mobileNavIndex.value = -1;
-    } else {
-      mobileNavIndex.value = index;
-    }
-  }
-}
-// 移动端点击控制目录的显示或隐藏
-function showMenu(option: string) {
-  if (option === 'show') {
-    isShowMenu.value = true;
-  } else if (option === 'hide') {
-    isShowMenu.value = false;
-  } else {
-    return false;
-  }
-}
-// 设置选中节点
-function setCheckedNode() {
-  refs.tree.tree.setCurrentKey(currentNode.value.key);
-}
-// 读取要渲染的课程内容数据
-function getMenu() {
-  const listData = moocData.value.MOOC_DATA.COURSE_LIST;
-  listData.forEach((item: any) => {
-    menuData.value = item.NAV_DATA;
-    courseH1.value = item.COURSE_H1;
-    welcome.value = item.WELCOME;
-  });
-}
-// 控制视频的播放和暂停
-function checkStatus(status: boolean) {
-  if (status === true) {
-    isNowPlay.value = true;
-  } else {
-    isNowPlay.value = false;
-  }
-}
-// 导航栏点击事件
-function handleNodeClick(obj: any) {
-  setCourseData(obj);
-  if (obj.key) {
-    isShowMenu.value = false;
-  }
-}
-// 读取所有文档节点
-function getCoursePath(menuData: any) {
-  menuData.forEach((item: any) => {
-    if (item.children && item.children.length) {
-      getCoursePath(item.children);
-    } else {
-      allNode.value.push(item);
-    }
-  });
-  return allNode.value;
-}
-// 点击视频播放按钮播放视频并隐藏该按钮,option:webBtn(pc端操作)、mobileBtn(移动端操作)
-function playmoocVideo(option: string) {
-  if (option === 'webBtn') {
-    refs.playctrlEle.isPlay = true;
-  } else if (option === 'mobileBtn') {
-    refs.mobileVideo.play();
-    isNowPlay.value = true;
-  }
-}
-// 根据上下页操作改变激活节点及显示内容
-function getTitleAndIndex(arr: any, option: string) {
-  arr.forEach((item: any, index: number) => {
-    if (
-      item.key === currentNode.value.key &&
-      index !== 0 &&
-      option === 'prev'
-    ) {
-      currentNode.value.title = arr[index - 1].label;
-      courseIndex.value = index - 1;
-    } else if (item.key === currentNode.value.key && option === 'next') {
-      currentNode.value.title = arr[index + 1].label;
-      courseIndex.value = index + 1;
-    } else {
-      return false;
-    }
-  });
-}
-// 根据激活节点显示的内容obj(读取的数据)
-function setCourseData(obj: any) {
-  if (obj.introduction) {
-    introductionText.value = obj.introduction;
-    currentNode.value.title = obj.label;
-    currentNode.value.key = obj.key;
-    currentNode.value.desc = '';
-    setCheckedNode();
-    setListTitleIndex();
-    if (obj.ppt) {
-      currentNode.value.ppt = obj.ppt;
-    }
-  } else if (obj.desc) {
-    introductionText.value = [];
-    currentNode.value.title = obj.label;
-    currentNode.value.ppt = obj.ppt_link;
-    currentNode.value.desc = obj.desc;
-    currentNode.value.video = obj.video_link;
-    currentNode.value.key = obj.key;
-    refs.playctrlEle.isPlay = false;
-    refs.mobileVideo.isPlay = false;
-    setCheckedNode();
-    refs.playctrlEle.barPercentage = 0;
-    listTitleIndex.value = 0;
-  } else {
-    return false;
-  }
-  setCourseIndex();
-}
-// 保存当前所在页面防止刷新从第一页渲染
-function setCourseIndex() {
-  allNode.value.forEach((item: any, index: number) => {
-    if (item.key === currentNode.value.key) {
-      courseIndex.value = index;
-      sessionStorage.setItem('courseIndex', JSON.stringify(courseIndex.value));
-    }
-  });
-}
-// 设置介绍文字中的标题下标
-function setListTitleIndex() {
-  introductionText.value.forEach((item: string, index: number) => {
-    if (item.indexOf('：') !== -1) {
-      listTitleIndex.value = index;
-      return;
-    }
-  });
-}
-// 上一页
-function previous() {
-  getTitleAndIndex(allNode.value, 'prev');
-  currentNode.value.key = allNode.value[courseIndex.value].key;
-  setCourseData(allNode.value[courseIndex.value]);
-}
-// 下一页
-function next() {
-  getTitleAndIndex(allNode.value, 'next');
-  //最后一章则无下一篇
-  if (courseIndex.value === allNode.value.length - 1) {
-    return false;
-  } else {
-    currentNode.value.key = allNode.value[courseIndex.value].key;
-  }
-  setCourseData(allNode.value[courseIndex.value]);
-}
-// 卸载时将文档位置回归到第一个
-onUnmounted(() => {
-  sessionStorage.setItem('courseIndex', '0');
-});
-</script>
-<template>
-  <div class="mooc-detail">
-    <div class="detail-mobile">
-      <div class="mobile-menu">
-        <div class="prev" @click="previous">
-          <i class="el-icon-arrow-left"></i>
-          <span>{{ moocData.MOOC.PREV_TEXT }}</span>
-        </div>
-        <div class="menu" @click="showMenu('show')">
-          <span>{{ moocData.MOOC.MOOC_CATALOG }}</span>
-        </div>
-        <div class="next" @click="next">
-          <span>{{ moocData.MOOC.NEXT_TEXT }}</span>
-          <i class="el-icon-arrow-right"></i>
-        </div>
-      </div>
-      <el-collapse-transition>
-        <div v-show="isShowMenu" class="nav-tree">
-          <ul class="course-menu">
-            <li v-for="(items, indexs) in menuData" :key="indexs">
-              <div @click="showItem(indexs, items)">
-                <span>{{ items.label }}</span>
-                <i
-                  v-if="indexs !== 0"
-                  :class="
-                    mobileNavIndex === indexs
-                      ? 'el-icon-arrow-down'
-                      : 'el-icon-arrow-right'
-                  "
-                ></i>
-              </div>
-              <el-collapse-transition>
-                <ul
-                  v-show="items.children && mobileNavIndex === indexs"
-                  class="item"
-                >
-                  <li
-                    v-for="item in items.children"
-                    :key="item"
-                    :class="navItemIndex === item.key ? 'active' : ''"
-                    @click="toCourse(item)"
-                  >
-                    {{ item.label }}
-                  </li>
-                </ul>
-              </el-collapse-transition>
-            </li>
-          </ul>
-          <div class="course-mask" @click="showMenu('hide')"></div>
-        </div>
-      </el-collapse-transition>
-      <div class="mobile-content">
-        <p class="title">
-          <span :key="currentNode.title">{{ currentNode.title }}</span>
-        </p>
-        <p class="desc">{{ currentNode.desc }}</p>
-        <div v-show="introductionText.length" class="text">
-          <p v-for="item in introductionText" :key="item">{{ item }}</p>
-          <div v-if="currentNode.key === 'introduction0'" class="teacher">
-            <p>{{ moocData.MOOC.TEACHER_TEAM }}</p>
-            <div v-for="item in teacherList" :key="item" class="item">
-              <img :src="item.img" alt="" />
-              <div>
-                <p>{{ item.position }}</p>
-                <p>{{ item.name }}</p>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div v-show="!introductionText.length" class="video">
-          <video
-            ref="mobileVideo"
-            :src="currentNode.video"
-            loop
-            style="width: 315px; height: 200px"
-          ></video>
-          <div
-            v-if="!isNowPlay"
-            class="play-btn"
-            @click="playmoocVideo('mobileBtn')"
-          ></div>
-        </div>
-      </div>
-    </div>
-    <div class="detail-pc">
-      <BreadCrumbs
-        :bread1="moocData.MOOC.MOOC"
-        :bread2="moocData.MOOC.MOOC_COURSE[0].TITLE"
-        link1="/zh/learn/mooc/"
-      />
-      <h1>{{ courseH1 }}</h1>
-      <p class="entry-welcome">{{ welcome }}</p>
-      <div class="content">
-        <div class="article-nav fl">
-          <div class="nav-top">{{ moocData.MOOC.MOOC_CATALOG }}</div>
-          <OTree
-            ref="tree"
-            node-key="key"
-            :data="menuData"
-            :props="defaultProps"
-            accordion
-            :highlight-current="true"
-            :icon="IconChevronDown"
-            @node-click="handleNodeClick"
-          >
-          </OTree>
-        </div>
-        <div class="article-detail fl">
-          <div class="infomation">
-            <div>
-              <p class="infomation-title">
-                <span :key="currentNode.title" class="title">{{
-                  currentNode.title
-                }}</span>
-                <a
-                  v-show="currentNode.ppt"
-                  :href="currentNode.ppt"
-                  :download="currentNode.ppt"
-                  class="download"
-                  >{{ moocData.MOOC.COURSE_DOWNLOAD }}</a
-                >
-              </p>
-              <p class="desc">{{ currentNode.desc }}</p>
-            </div>
-          </div>
-          <div v-show="introductionText.length" class="text">
-            <p
-              v-for="(item, index) in introductionText"
-              :key="item"
-              :class="[
-                courseIndex === 0 && index === 0 ? 'welcome' : '',
-                listTitleIndex !== 0 && listTitleIndex === index ? 'list1' : '',
-              ]"
-            >
-              {{ item }}
-            </p>
-            <div v-if="currentNode.key === 'introduction0'" class="teacher">
-              <p>{{ moocData.MOOC.TEACHER_TEAM }}</p>
-              <div class="techer-img">
-                <div v-for="item in teacherList" :key="item.name" class="item">
-                  <img :src="item.img" alt="" />
-                  <div>
-                    <p class="name">{{ item.name }}</p>
-                    <p class="position">{{ item.position }}</p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-          <div v-show="!introductionText.length" class="video">
-            <video
-              id="pc-video"
-              :src="currentNode.video"
-              loop
-              style="max-width: 864px; max-height: 496px"
-            ></video>
-            <VideoCtrl
-              ref="playctrlEle"
-              :ctrl-obj="ctrlObj"
-              @play-status="checkStatus"
-            ></VideoCtrl>
-            <div
-              v-if="!isNowPlay"
-              class="play-btn"
-              @click="playmoocVideo('webBtn')"
-            ></div>
-          </div>
-          <div class="crtl-btn">
-            <div class="prev" @click="previous">
-              <OIcon>
-                <IconArrowLeft />
-              </OIcon>
-              <span>{{ moocData.MOOC.PREV_TEXT }}</span>
-            </div>
-            <div class="next" @click="next">
-              <span>{{ moocData.MOOC.NEXT_TEXT }}</span>
-              <OIcon>
-                <IconArrowRight />
-              </OIcon>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-.mooc-detail {
-  max-width: 1504px;
-  padding: 0 44px;
-  margin: 0 auto;
-  .detail-pc {
-    display: block;
-    overflow: hidden;
-    padding-bottom: 200px;
-    h1 {
-      width: 100%;
-      font-size: var(--o-font-size-h3);
-      line-height: var(--o-line-height-h3);
-      color: var(--o-color-text2);
-      margin: 0 auto 8px auto;
-    }
-    .entry-welcome {
-      font-size: var(--o-font-size-text);
-      line-height: 22px;
-      color: var(--o-color-text2);
-      margin: 0 auto var(--o-spacing-h2) auto;
-    }
-    .back {
-      cursor: pointer;
-      font-size: 20px;
-      color: #002fa7;
-      line-height: 20px;
-      width: 100%;
-      margin: 28px auto 16px auto;
-    }
-    .content {
-      width: 100%;
-      margin: 0 auto;
-      display: flex;
-      align-items: flex-start;
-      .article-nav {
-        margin-right: 60px;
-        background: var(--o-color-bg);
-        box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.1);
-        border-radius: 8px;
-        .nav-top {
-          width: 360px;
-          height: 56px;
-          background: var(--o-color-bg);
-          font-size: 18px;
-          line-height: 60px;
-          color: var(--o-color-text2);
-          padding-left: var(--o-spacing-h4);
-          font-weight: bold;
-        }
-        :deep(.el-tree) {
-          width: 360px;
-          overflow: hidden;
-          background-color: var(--o-color-bg);
-        }
-        :deep(.el-tree-node__content > .el-tree-node__expand-icon) {
-          order: 2;
-          padding: 12px;
-          font-size: var(--o-font-size-h5);
-          color: var(--o-color-text2);
-        }
-        :deep(.el-tree-node__expand-icon.expanded) {
-          transform: rotate(180deg);
-        }
-        :deep(.el-tree-node:nth-of-type(1)
-            > .el-tree-node__content
-            > .el-tree-node__expand-icon) {
-          display: none;
-        }
-        :deep(.el-tree-node__children .el-tree-node__expand-icon) {
-          display: none;
-        }
-        :deep(.el-tree-node__children .is-current .el-tree-node__label) {
-          color: var(--o-color-brand);
-        }
-        :deep(.el-tree--highlight-current
-            .el-tree-node.is-current
-            > .el-tree-node__content) {
-          background-color: var(--o-color-bg6);
-        }
-        :deep(.el-tree-node__children .is-current .el-tree-node__content) {
-          background-color: transparent;
-          position: relative;
-          &::before {
-            content: '';
-            display: inline-block;
-            position: absolute;
-            left: 0;
-            width: 2px;
-            height: 60px;
-            background-color: var(--o-color-brand);
-          }
-        }
-        :deep(.el-tree-node__content:hover) {
-          background-color: var(--o-color-bg6);
-        }
-        :deep(.el-tree .el-tree-node__label) {
-          font-size: 16px;
-          line-height: 16px;
-          color: var(--o-color-text2);
-        }
-        :deep(.el-tree .el-tree-node__children .el-tree-node__label) {
-          font-size: 14px;
-          line-height: 20px;
-          white-space: pre-wrap;
-        }
-        :deep(.el-tree-node .el-tree-node__content) {
-          padding: 28px var(--o-spacing-h4) !important;
-          justify-content: space-between;
-        }
-      }
-      .article-detail {
-        max-width: 864px;
-        .infomation {
-          padding-bottom: 30px;
-          border-bottom: 1px solid var(--o-color-division);
-          & > div {
-            &:first-of-type {
-              .desc {
-                font-size: var(--o-font-size-text);
-                color: var(--o-color-text2);
-                line-height: 22px;
-                margin-top: 20px;
-              }
-              .title {
-                font-size: var(--o-font-size-h5);
-                line-height: var(--o-line-height-h5);
-                font-weight: 600;
-                color: var(--o-color-text2);
-              }
-              .download {
-                display: inline-block;
-                width: 104px;
-                height: 28px;
-                background: var(--o-color-brand);
-                border-radius: 4px;
-                color: #ffffff;
-                font-size: var(--o-font-size-text);
-                line-height: 28px;
-                text-align: center;
-                text-decoration: none;
-              }
-            }
-          }
-          &-title {
-            max-width: 864px;
-            display: flex;
-            justify-content: space-between;
-          }
-        }
-        .video {
-          width: 864px;
-          height: 552px;
-          position: relative;
-          padding: 30px 0;
-          border-bottom: 1px solid var(--o-color-division);
-          .playControll {
-            display: none;
-          }
-          .big-controll {
-            bottom: 34px;
-          }
-          .play-btn {
-            width: 50px;
-            height: 50px;
-            position: absolute;
-            border-radius: 50%;
-            bottom: 50%;
-            left: 50%;
-            margin: 0 0 -10px -25px;
-            background-image: url('@/assets/video/play.png');
-            cursor: pointer;
-            background-size: contain;
-            opacity: 0.6;
-          }
-          &:hover {
-            .playControll {
-              display: block;
-            }
-          }
-        }
-        .text {
-          font-size: var(--o-font-size-text);
-          line-height: 22px;
-          padding: var(--o-spacing-h2) 0;
-          color: var(--o-color-text3);
-          border-bottom: 1px solid var(--o-color-division);
-          .teacher {
-            margin-top: 20px;
-            & > p {
-              font-size: 14px;
-              color: var(--o-color-text3);
-              margin-bottom: 10px;
-              line-height: 36px;
-              &:nth-of-type(1) {
-                font-size: var(--o-font-size-h8);
-                line-height: var(--o-line-height-h8);
-                font-weight: 600;
-                color: var(--o-color-text2);
-              }
-            }
-            .techer-img {
-              display: flex;
-              .item {
-                display: flex;
-                flex-direction: row;
-                margin-bottom: 20px;
-                margin-right: var(--o-spacing-h2);
-                img {
-                  display: block;
-                  width: 120px;
-                  height: 120px;
-                  margin-right: 20px;
-                  border-radius: 50%;
-                }
-                .name {
-                  font-size: var(--o-font-size-h7);
-                  line-height: var(--o-line-height-h7);
-                  color: var(--o-color-text2);
-                  margin-top: 30px;
-                }
-                .position {
-                  font-size: 14px;
-                  line-height: 22px;
-                  color: var(--o-color-text3);
-                  margin-top: 3px;
-                }
-              }
-            }
-          }
-          .welcome {
-            color: var(--o-color-brand);
-            margin-bottom: var(--o-spacing-h5);
-          }
-          .list1 {
-            margin: var(--o-spacing-h5) 0;
-          }
-        }
-        .crtl-btn {
-          margin-top: 24px;
-          position: relative;
-          height: 30px;
-          .prev,
-          .next {
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            font-size: var(--o-font-size-text);
-            line-height: 22px;
-            font-weight: 400;
-            position: absolute;
-            color: var(--o-color-text2);
-            .o-icon {
-              font-size: var(--o-font-size-h8);
-              color: var(--o-color-brand);
-            }
-            span:nth-of-type(1) {
-              margin-right: 8px;
-            }
-            &:hover {
-              color: var(--o-color-brand_hover);
-              .o-icon {
-                color: var(--o-color-brand_hover);
-              }
-            }
-          }
-          .prev {
-            left: 0;
-            top: 0;
-          }
-          .next {
-            right: 0;
-            top: 0;
-          }
-        }
-      }
-    }
-  }
-  .detail-mobile {
-    display: none;
-  }
-}
-
-@media screen and (max-width: 768px) {
-  .mooc-detail {
-    padding: 0;
-    .detail-mobile {
-      display: block;
-      .mobile-menu {
-        width: 100%;
-        height: 40px;
-        padding: 10px var(--o-spacing-h2);
-        position: fixed;
-        top: 48px;
-        left: 0;
-        background: #fbfbfb;
-        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
-        display: flex;
-        justify-content: space-between;
-        z-index: 100;
-        .prev,
-        .menu,
-        .next {
-          font-size: 14px;
-          font-weight: 400;
-          color: #002fa7;
-          line-height: 20px;
-        }
-      }
-      .nav-tree {
-        position: fixed;
-        width: 100%;
-        top: 113px;
-        z-index: 200;
-        .course-menu {
-          background-color: #fff;
-          z-index: 100;
-          padding: 10px 30px;
-          height: 400px;
-          overflow: scroll;
-          position: fixed;
-          width: 100%;
-          top: 88px;
-          left: 0;
-          & > li {
-            padding: 10px 0;
-            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-            font-size: 16px;
-            color: #000000;
-            line-height: 26px;
-            &:last-of-type {
-              border-bottom: 0;
-            }
-            div {
-              display: flex;
-              flex-direction: row;
-              justify-content: space-between;
-              align-items: center;
-              .el-icon-arrow-down {
-                color: #002fa7;
-              }
-            }
-            .item {
-              padding-left: 15px;
-              li {
-                font-size: 14px;
-                padding: 6px;
-              }
-              .active {
-                color: #002fa7;
-              }
-            }
-          }
-        }
-        .course-mask {
-          position: fixed;
-          background-color: rgba(0, 0, 0, 0.4);
-          width: 100%;
-          top: 88px;
-          left: 0;
-          height: 100%;
-        }
-      }
-      .mobile-content {
-        width: 315px;
-        margin: 0 auto;
-        padding: 40px 0 80px 0;
-        .title {
-          font-size: 18px;
-          line-height: 18px;
-          color: var(--o-color-text2);
-          font-weight: blod;
-          margin-top: 40px;
-        }
-        .desc {
-          font-size: 12px;
-          color: var(--o-color-text2);
-          line-height: 20px;
-          margin-top: 20px;
-        }
-        .text {
-          p {
-            font-size: 14px;
-            color: var(--o-color-text2);
-            line-height: 24px;
-          }
-          .teacher {
-            margin-top: 20px;
-            & > p {
-              color: var(--o-color-text2);
-            }
-            .item {
-              display: flex;
-              flex-direction: row;
-              margin: 20px 0;
-              img {
-                display: block;
-                width: 50px;
-                height: 50px;
-                margin-right: 20px;
-              }
-              div {
-                p {
-                  font-size: 12px;
-                  color: var(--o-color-text2);
-                  line-height: 16px;
-                  &:last-of-type {
-                    color: var(--o-color-text2);
-                    margin-top: 10px;
-                  }
-                }
-              }
-            }
-          }
-        }
-        .text,
-        .video {
-          border-top: 1px solid rgba(0, 0, 0, 0.1);
-          padding-top: 30px;
-          margin-top: 30px;
-        }
-        .video {
-          position: relative;
-          .play-btn {
-            width: 50px;
-            height: 50px;
-            position: absolute;
-            border-radius: 50%;
-            bottom: 50%;
-            left: 50%;
-            margin: 0 0 -35px -25px;
-            background-image: url('@/assets/video/play.png');
-            cursor: pointer;
-            background-size: contain;
-            opacity: 0.6;
-          }
-        }
-      }
-    }
-    .detail-pc {
-      display: none;
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/learn/mooc/mooc-detail/controll/VideoCtrl.vue b/app/.vitepress/src/views/learn/mooc/mooc-detail/controll/VideoCtrl.vue
deleted file mode 100644
index 9becc865de88c4f693595b473553ffa78e64351a..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/learn/mooc/mooc-detail/controll/VideoCtrl.vue
+++ /dev/null
@@ -1,188 +0,0 @@
-<!-- 视频控制组件 -->
-<script setup lang="ts">
-import { toRefs, watch, ref, onMounted, onUnmounted } from 'vue';
-const props = defineProps({
-  ctrlObj: {
-    type: Object,
-    default() {
-      return {};
-    },
-  },
-});
-const { ctrlObj } = toRefs(props);
-const isPlay = ref(false);
-const isMuted = ref(false);
-const realTimeUpdate = ref();
-//进度条播放进度
-const barPercentage = ref(0);
-//进度条总长度
-const barValue = ref(0);
-const emit = defineEmits(['playStatus']);
-// 将控制视频播放的变量暴露给父组件
-defineExpose({
-  isPlay,
-});
-watch(isPlay, () => {
-  if (isPlay.value === true) {
-    ctrlObj.value.element.play();
-    realTimeUpdate.value = setInterval(() => {
-      progressBar();
-    }, 200);
-    emit('playStatus', true);
-  } else {
-    ctrlObj.value.element.pause();
-    clearInterval(realTimeUpdate.value);
-    emit('playStatus', false);
-  }
-});
-watch(isMuted, () => {
-  if (isMuted.value === false) {
-    ctrlObj.value.element.muted = false;
-  } else {
-    ctrlObj.value.element.muted = true;
-  }
-});
-watch(ctrlObj, (newValue) => {
-  barValue.value = newValue.barWidth;
-});
-onMounted(() => {
-  barValue.value = ctrlObj.value.barWidth;
-});
-onUnmounted(() => {
-  clearInterval(realTimeUpdate.value);
-});
-function progressBar() {
-  const duration = ctrlObj.value.element.duration; //  获取视频总长度
-  const currentTime = ctrlObj.value.element.currentTime; //  获取当前播放时间
-  let ratio = parseFloat(currentTime / duration + '');
-  if (ctrlObj.value.element.readyState <= 0) {
-    //  判断视频是否能够正常读取
-    barPercentage.value = 0;
-    return;
-  }
-  if (currentTime >= duration) {
-    ratio = 1;
-    clearInterval(realTimeUpdate.value);
-    isPlay.value = true;
-  }
-  barPercentage.value = Math.floor(ratio * 100);
-}
-// 点击进度条快进或后退
-function controllBar(e: any) {
-  e = e || window.event;
-  const nowProgress = e.offsetX;
-  const nowDuration = ctrlObj.value.element.duration;
-  barPercentage.value = Math.floor(
-    parseFloat(nowProgress / barValue.value + '') * 100
-  );
-  ctrlObj.value.element.currentTime = parseFloat(
-    parseFloat(nowProgress / barValue.value + '') * nowDuration + ''
-  );
-}
-function fullScreen() {
-  ctrlObj.value.element.webkitRequestFullScreen();
-}
-</script>
-<template>
-  <!-- 父组件上请用.playControll的display实现hover，show-controll支持的是一直显示的情景 -->
-  <div :class="['playControll', ctrlObj.isShow ? 'big-controll' : '']">
-    <div
-      :class="['play-pause', isPlay ? 'pause-icon' : 'play-icon']"
-      @click="isPlay = !isPlay"
-    ></div>
-    <div
-      class="timebar"
-      :style="{ width: ctrlObj.barWidth + 'px' }"
-      @click="controllBar"
-    >
-      <span :style="{ width: barPercentage + '%' }"></span>
-    </div>
-    <div
-      :class="['voice-mute', isMuted ? 'mute-icon' : 'voice-icon']"
-      @click="isMuted = !isMuted"
-    ></div>
-    <div class="full-screen" @click="fullScreen()"></div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.playControll {
-  width: 390px;
-  height: 40px;
-  background: #aaaaaa;
-  position: absolute;
-  bottom: 35px;
-  left: 50%;
-  margin-left: -195px;
-  z-index: 999999999;
-  border-radius: 25px;
-  opacity: 0.5;
-  .play-pause {
-    width: 30px;
-    height: 30px;
-    position: absolute;
-    top: 5px;
-    left: 10px;
-    cursor: pointer;
-    background-size: cover;
-  }
-  .play-icon {
-    background-image: url('@/assets/video/icon-play.svg');
-  }
-  .pause-icon {
-    background-image: url('@/assets/video/icon-pause.svg');
-  }
-  .timebar {
-    position: absolute;
-    top: 16px;
-    left: 45px;
-    height: 6px;
-    background: #222222;
-    border-radius: 5px;
-    cursor: pointer;
-    span {
-      display: block;
-      height: 100%;
-      overflow: hidden;
-      background: white;
-      border-radius: 5px;
-    }
-  }
-  .voice-mute {
-    width: 26px;
-    height: 25px;
-    display: inline-block;
-    position: absolute;
-    right: 10px;
-    top: 5px;
-    cursor: pointer;
-    background-size: cover;
-  }
-  .voice-icon {
-    background-image: url('@/assets/video/icon-voice.svg');
-  }
-  .mute-icon {
-    background-image: url('@/assets/video/icon-mute.svg');
-  }
-}
-.big-controll {
-  width: 100%;
-  border-radius: 0;
-  bottom: 0;
-  left: 0;
-  margin-left: 0;
-  .voice-mute {
-    right: 45px;
-  }
-  .full-screen {
-    width: 20px;
-    height: 20px;
-    background-image: url('@/assets/video/full-screen.svg');
-    background-size: contain;
-    position: absolute;
-    right: 15px;
-    bottom: 12px;
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/atune/TheATune.vue b/app/.vitepress/src/views/other/projects/atune/TheATune.vue
deleted file mode 100644
index bc6573bb7cf436e56abf5f3f727164f28781d512..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/atune/TheATune.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-<script lang="ts" setup>
-import { useData } from 'vitepress';
-
-import MiniCards from '../components/MiniCards.vue';
-import MiniDescription from '../components/MiniDescription.vue';
-import MiniFrame from '../components/MiniFrame.vue';
-import MiniDocs from '../components/MiniDocs.vue';
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-// TODO:该页面是视频先用插画代替
-import BannerIllustration from '/img/projects/atune/illustration-banner.png';
-import BannerBackground from '/img/projects/share/banner-background.png';
-
-const { theme: i18n } = useData();
-</script>
-<template>
-  <div class="atune-wraper">
-    <BannerLevel2
-      class="banner"
-      :title="i18n.atune.ATUNE_BANNER_TEXT[0]"
-      :subtitle="i18n.atune.ATUNE_BANNER_TEXT[1]"
-      :illustration="BannerIllustration"
-      :background-image="BannerBackground"
-      background-text="CONNECT"
-    />
-    <MiniCards :cards-link="i18n.atune.ATUNE_LINK" />
-    <!-- 中间文字介绍部分 -->
-    <MiniDescription :description-desc="i18n.atune.ATUNE_DESC" />
-    <!-- 架构 -->
-    <MiniFrame :frame-obj="i18n.atune.ATUNE_FRAMEWORK" layout="upAndDown" />
-    <!-- 文档 -->
-    <MiniDocs :docs-obj="i18n.atune.ATUNE_DOCUMENT" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.atune-wraper {
-  margin: 0 auto;
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/bishengjdk/MiniReference.vue b/app/.vitepress/src/views/other/projects/bishengjdk/MiniReference.vue
deleted file mode 100644
index f7e9eba485d425a9c8aba8430f98f7ee29162652..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/bishengjdk/MiniReference.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<script lang="ts" setup>
-import arrowRightIcon from '@/assets/svg-icons/arrow-right.svg';
-
-defineProps({
-  referenceObj: {
-    type: Object,
-    default: function () {
-      return {};
-    },
-  },
-});
-</script>
-
-<template>
-  <div class="reference">
-    <div class="title">
-      <div class="title-outside">{{ referenceObj.TITLE_OUTSIDE }}</div>
-      <div class="title-inside">{{ referenceObj.TITLE_INSIDE }}</div>
-    </div>
-    <div class="reference-list">
-      <div
-        v-for="(item, index) in referenceObj.LINK_LIST"
-        :key="index"
-        class="item"
-      >
-        <div class="link">
-          <a :href="item.LINK" target="_blank"
-            >{{ item.TEXT }}
-            <img :src="arrowRightIcon" alt="" />
-          </a>
-        </div>
-        <img :src="item.IMG" alt="" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.reference {
-  width: 100%;
-  padding-top: var(--o-spacing-h1);
-  padding: 0 var(--o-spacing-h5);
-  .title {
-    margin: 0 auto;
-    margin-bottom: 16px;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    position: relative;
-    text-align: center;
-    &-outside {
-      position: absolute;
-      left: 50%;
-      top: 24px;
-      transform: translateX(-50%);
-      z-index: 1;
-    }
-    &-inside {
-      color: var(--o-color-text3);
-    }
-    @media screen and (max-width: 767px) {
-      font-size: 16px;
-      &-outside {
-        top: 10px;
-      }
-    }
-  }
-  &-list {
-    margin: var(--o-spacing-h3) auto var(--o-spacing-h2) auto;
-    .item {
-      width: 100%;
-      background-color: var(--o-color-bg);
-      background-image: url(/img/projects/bisheng/illustration-grain.png);
-      background-repeat: no-repeat;
-      background-position: right;
-      background-size: 230px 150%;
-      padding: var(--o-spacing-h2) 0 var(--o-spacing-h2) var(--o-spacing-h2);
-      box-shadow: var(--o-shadow-base);
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: start;
-      align-items: center;
-      font-size: var(--o-font-size-h7);
-      color: var(--o-color-text2);
-      line-height: var(--o-height-h6);
-      .link {
-        a {
-          display: block;
-          height: var(--o-height-h8);
-          font-size: var(--o-font-size-text);
-          font-family: PingFangSC-Regular, PingFang SC;
-          font-weight: 400;
-          color: var(--o-color-text2);
-          line-height: var(--o-height-h8);
-          margin-right: var(--o-spacing-h4);
-          padding-right: var(--o-spacing-h4);
-          position: relative;
-          overflow: hidden;
-        }
-        img {
-          margin-left: var(--o-spacing-h8);
-          position: absolute;
-          top: -2.5px;
-          right: -20px;
-          width: 22px;
-          height: 22px;
-          filter: drop-shadow(var(--o-color-brand) -20px 0);
-        }
-      }
-    }
-    .item:hover {
-      box-shadow: var(--o-shadow-base_hover);
-    }
-    @media screen and (max-width: 767px) {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-row-gap: var(--o-spacing-h4);
-    }
-    @media screen and (min-width: 768px) and (max-width: 1079px) {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      grid-row-gap: var(--o-spacing-h4);
-      grid-column-gap: var(--o-spacing-h4);
-    }
-    @media screen and (min-width: 1080px) {
-      max-width: 1416px;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr;
-      grid-row-gap: var(--o-spacing-h4);
-      grid-column-gap: var(--o-spacing-h4);
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/bishengjdk/TheBisheng.vue b/app/.vitepress/src/views/other/projects/bishengjdk/TheBisheng.vue
deleted file mode 100644
index 1158faaf4d21bac990a29d0348d14a99c42dab9d..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/bishengjdk/TheBisheng.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts" setup>
-import { useData } from 'vitepress';
-
-import MiniFrame from '../components/MiniFrame.vue';
-import MiniCards from '../components/MiniCards.vue';
-import MiniDescription from '../components/MiniDescription.vue';
-import MiniDocs from '../components/MiniDocs.vue';
-import MiniReference from './MiniReference.vue';
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-import BannerIllustration from '/img/projects/bisheng/illustration-banner.png';
-import BannerBackground from '/img/projects/share/banner-background.png';
-
-const { theme: i18n } = useData();
-</script>
-
-<template>
-  <div class="bisheng-wraper">
-    <!-- 下面放 banner 组件 -->
-    <BannerLevel2
-      class="banner"
-      :title="i18n.bishengjdk.BISHENG_BANNER_TEXT[0]"
-      :subtitle="i18n.bishengjdk.BISHENG_BANNER_TEXT[1]"
-      :illustration="BannerIllustration"
-      :background-image="BannerBackground"
-    />
-    <!-- banner 下面详情页面 -->
-    <div class="bisheng-info">
-      <!-- 背景插画 -->
-      <div class="bisheng-info-backgrain"></div>
-      <MiniCards :cards-link="i18n.bishengjdk.BISHENG_LINK" />
-      <MiniDescription
-        :description-desc="i18n.bishengjdk.BISHENG_DESC"
-        :description-info="i18n.bishengjdk.BISHENG_INFO"
-        :description-more="i18n.bishengjdk.BISHENG_MORE"
-      />
-      <!-- 架构模块 -->
-      <MiniFrame
-        :frame-obj="i18n.bishengjdk.BISHENG_FRAMEWORK"
-        layout="upAndDown"
-      />
-      <!-- 学习模块 -->
-      <MiniDocs :docs-obj="i18n.bishengjdk.BISHENG_LEARN" />
-      <!-- 友情链接模块 -->
-      <MiniReference :reference-obj="i18n.bishengjdk.BISHENG_REFERENCE" />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.bisheng-wraper {
-  margin: 0 auto;
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/components/MiniCards.vue b/app/.vitepress/src/views/other/projects/components/MiniCards.vue
deleted file mode 100644
index f0e727b05c5be17429c240cfba022db9f019c531..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/components/MiniCards.vue
+++ /dev/null
@@ -1,185 +0,0 @@
-<script lang="ts" setup>
-import { ref } from 'vue';
-defineProps({
-  cardsLink: {
-    type: Object,
-    default: function () {
-      return {};
-    },
-  },
-});
-const isMenuIndex = ref(-1);
-const showSub = (index: number) => {
-  isMenuIndex.value = index;
-};
-const hideSub = () => {
-  isMenuIndex.value = -1;
-};
-const goLink = (url: string) => {
-  window.open(url, '_blank');
-};
-</script>
-<template>
-  <div class="cards-wraper">
-    <div class="info-cards">
-      <div
-        v-for="(item, index) in cardsLink"
-        :key="item.IMG"
-        :class="
-          cardsLink.length % 2 === 1 && index + 1 === cardsLink.length
-            ? 'info-cards-item info-cards-last'
-            : 'info-cards-item'
-        "
-        @mouseenter="showSub(Number(index))"
-        @mouseleave="hideSub()"
-      >
-        <img
-          v-if="item.LINK_LIST.length === 1"
-          class="info-cards-imgs"
-          :src="item.IMG"
-          alt=""
-          @click="goLink(item.LINK_LIST[0])"
-        />
-        <img v-else class="info-cards-imgs" :src="item.IMG" alt="" />
-        <p class="info-cards-title">{{ item.TITLE }}</p>
-        <div
-          v-if="isMenuIndex === Number(index) && item.LINK_LIST.length > 1"
-          class="menu"
-        >
-          <a
-            v-for="i in item.LINK_LIST"
-            :key="i.TEXT"
-            class="menu-item"
-            :href="i.LINK"
-            target="_blank"
-          >
-            {{ i.TEXT }}
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.cards-wraper {
-  margin-top: var(--o-spacing-h2);
-  padding: 0 var(--o-spacing-h5);
-}
-.info {
-  margin: 0 auto;
-  &-cards {
-    margin: 0 auto;
-    background-color: var(--o-color-bg);
-    box-shadow: var(--o-shadow-base);
-    &-item {
-      position: relative;
-    }
-    &-imgs {
-      width: 100%;
-      height: 141px;
-      box-sizing: border-box;
-      cursor: pointer;
-    }
-    &-title {
-      font-size: var(--o-font-size-h8);
-      font-weight: 400;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h8);
-      margin-top: var(--o-spacing-h5);
-      text-align: center;
-    }
-    .menu {
-      position: absolute;
-      top: 45%;
-      left: 57%;
-      z-index: 1;
-      width: 160px;
-      background-color: var(--o-color-bg);
-      border: 1px solid var(--o-color-brand);
-      padding: var(--o-spacing-h5) 0;
-      &-item {
-        display: block;
-        text-align: center;
-        padding: var(--o-spacing-h8) 0;
-        line-height: var(--o-line-height-h6);
-        cursor: pointer;
-        color: var(--o-color-text2);
-      }
-      &-item:hover {
-        color: var(--o-color-brand);
-      }
-    }
-
-    @media screen and (max-width: 767px) {
-      width: 100%;
-      box-sizing: border-box;
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      padding: var(--o-spacing-h5);
-      &-item {
-        margin: 0 auto;
-        height: 130px;
-        padding: 0;
-      }
-      &-last {
-        grid-column: span 2;
-      }
-      &-imgs {
-        display: block;
-        width: 100px;
-        height: 100px;
-        cursor: pointer;
-      }
-      &-title {
-        width: 100px;
-        font-size: var(--o-font-size-tip);
-        line-height: var(--o-line-height-tip);
-        margin-top: var(--o-spacing-h10);
-        text-align: center;
-      }
-      .menu {
-        position: absolute;
-        top: 40%;
-        left: 60%;
-        width: 100px;
-        font-size: var(--o-font-size-tip);
-        padding: var(--o-spacing-h6) 0;
-        &-item {
-          display: block;
-          text-align: center;
-          padding: 0;
-          cursor: pointer;
-          color: var(--o-color-text2);
-        }
-      }
-    }
-    @media screen and (min-width: 768px) and (max-width: 1439px) {
-      display: flex;
-      justify-content: space-around;
-      width: 100%;
-      padding: 40px;
-      &-items {
-        width: 170px;
-        height: 170px;
-      }
-      &-imgs {
-        padding: var(--o-spacing-h5);
-      }
-    }
-    @media screen and (min-width: 1440px) {
-      display: flex;
-      justify-content: space-around;
-      max-width: 1440px;
-      padding: var(--o-spacing-h2);
-      &-items {
-        width: 170px;
-        height: 170px;
-      }
-      &-imgs {
-        padding: var(--o-spacing-h5);
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/components/MiniDescription.vue b/app/.vitepress/src/views/other/projects/components/MiniDescription.vue
deleted file mode 100644
index 5c7633e76b421ada94c8fc2cc1e6eb885e4ab74c..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/components/MiniDescription.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<script lang="ts" setup>
-import { defineProps, PropType } from 'vue';
-
-interface Info {
-  THEME: string;
-  BODY: string;
-}
-
-defineProps({
-  descriptionDesc: {
-    type: Array,
-    default: function () {
-      return [];
-    },
-  },
-  descriptionMore: {
-    type: String,
-    default: '',
-  },
-  descriptionInfo: {
-    type: Array as PropType<Info[]>,
-    default: function () {
-      return [];
-    },
-  },
-});
-</script>
-
-<template>
-  <div class="desc-wraper">
-    <div class="desc">
-      <div class="desc-list">
-        <p v-for="(item, index) in descriptionDesc" :key="index">
-          {{ item }}
-        </p>
-      </div>
-      <div v-if="descriptionMore && descriptionInfo" class="more-info">
-        <p>{{ descriptionMore }}</p>
-        <ul>
-          <li v-for="(item, index) in descriptionInfo" :key="index">
-            <span>{{ item.THEME }}</span>
-            <span>{{ item.BODY }}</span>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.desc-wraper {
-  margin: var(--o-spacing-h2) 0;
-  padding: 0 var(--o-spacing-h5);
-}
-.desc {
-  margin: 0 auto;
-  background-color: var(--o-color-bg);
-  padding: var(--o-spacing-h2);
-  box-sizing: border-box;
-  font-size: var(--o-font-size-text);
-  .desc-list {
-    width: 100%;
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h8);
-  }
-  .more-info {
-    p {
-      margin: var(--o-spacing-h2) auto var(--o-spacing-h5) 0;
-      width: 90px;
-      height: 26px;
-      font-size: var(--o-font-size-h7);
-      font-weight: 400;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h7);
-    }
-    ul {
-      font-size: var(--o-font-size-text);
-      font-weight: 400;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h8);
-      padding-left: var(--o-spacing-h5);
-      list-style: disc;
-      li {
-        color: var(--o-color-text2);
-        font-size: var(--o-font-size-text);
-        padding: var(--o-spacing-h8) 0 var(--o-spacing-h8) 0;
-        span {
-          color: var(--o-color-text2);
-        }
-      }
-    }
-  }
-  @media screen and (max-width: 767px) {
-    padding: var(--o-spacing-h5);
-    font-size: var(--o-font-size-tip);
-  }
-}
-@media screen and (min-width: 1440px) {
-  .desc {
-    max-width: 1440px;
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/components/MiniDocs.vue b/app/.vitepress/src/views/other/projects/components/MiniDocs.vue
deleted file mode 100644
index df71484dbbfa40a17d31a703ac376ad68eb52df7..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/components/MiniDocs.vue
+++ /dev/null
@@ -1,616 +0,0 @@
-<script lang="ts" setup>
-import { defineProps, ref, reactive, Ref } from 'vue';
-
-interface Info {
-  info: Docsobj;
-}
-
-interface Docsobj {
-  TAB?: Tab[];
-  TITLE_OUTSIDE?: string;
-  TITLE_INSIDE?: string;
-  FRAMEWORK_IMG?: string;
-  DATA_LIST?: Data_list_item[];
-  DESC_LIST?: Data_list_item[];
-}
-
-interface Tab {
-  KEY: string;
-  VALUE: string;
-}
-
-interface Data_list_item {
-  IMG?: string;
-  THEME?: string;
-  DESC?: string;
-  BACKGROUND: Background;
-  LINK?: Link_list[];
-}
-
-interface Link_list {
-  TEXT?: string;
-  LINK?: string;
-}
-
-interface Background {
-  IMG: string;
-  TYPE: number;
-}
-
-interface DocsInfo {
-  [ISULAD: string]: boolean;
-  ISULAD_BUILD: boolean;
-  ISULAD_TRANSFORM: boolean;
-}
-
-const props = defineProps({
-  docsObj: {
-    type: Object,
-    default: function () {
-      return {};
-    },
-  },
-  device: {
-    type: Boolean,
-    default: true,
-  },
-});
-/*eslint-disable*/
-let activeTab: Ref = ref('');
-const infoObj = reactive<Info>({ info: {} });
-// init
-if (props.docsObj.TAB) {
-  activeTab = ref(props.docsObj.TAB[0].KEY);
-  infoObj.info = props.docsObj[props.docsObj.TAB[0].KEY];
-} else {
-  infoObj.info = props.docsObj;
-}
-const changeDocs = function (key: string) {
-  activeTab.value = key;
-  infoObj.info = props.docsObj[key];
-};
-const docsInfo: DocsInfo = reactive({
-  ISULAD: true,
-  ISULAD_BUILD: false,
-  ISULAD_TRANSFORM: false,
-});
-const showDocs = function (key: string) {
-  docsInfo[key] = !docsInfo[key];
-};
-</script>
-
-<template>
-  <div v-if="device" class="docs-wraper">
-    <div class="document">
-      <div v-if="docsObj.TAB" class="tab">
-        <div
-          v-for="item in docsObj.TAB"
-          :key="item.KEY"
-          class="tab-item"
-          :class="
-            activeTab === item.KEY ? 'tab-item tab-item-active' : 'tab-item'
-          "
-          @click="changeDocs(item.KEY)"
-        >
-          {{ item.VALUE }}
-        </div>
-      </div>
-      <!-- 有点问题 TODO: -->
-      <!-- <OTabs v-if="docsObj.TAB" class="tab">
-        <OTabPane
-          v-for="item in docsObj.TAB"
-          :key="item.VALUE"
-          :label="item.VALUE"    
-          @click="changeDocs(item.KEY)"      
-        >
-        </OTabPane>
-      </OTabs> -->
-      <div class="title">
-        <div class="title-outside">{{ docsObj.TITLE_OUTSIDE }}</div>
-        <div class="title-inside">{{ docsObj.TITLE_INSIDE }}</div>
-      </div>
-      <div class="docs-list">
-        <div
-          v-for="(item, index) in infoObj.info.DATA_LIST"
-          :key="index"
-          class="item"
-        >
-          <div class="item-content">
-            <div v-if="item.THEME" class="item-theme">{{ item.THEME }}</div>
-            <div v-if="item.DESC" class="item-desc">{{ item.DESC }}</div>
-            <div class="item-link">
-              <a
-                v-for="(value, key) in item.LINK"
-                :key="key"
-                :href="value.LINK"
-                target="_blank"
-                >{{ value.TEXT }}
-                <img src="@/assets/svg-icons/arrow-right.svg" alt="" />
-              </a>
-            </div>
-          </div>
-          <div
-            :style="{ backgroundImage: `url(${item.BACKGROUND.IMG})` }"
-            :class="
-              item.BACKGROUND.TYPE === 2
-                ? 'item-backgroundone'
-                : 'item-backgroundtwo'
-            "
-          ></div>
-          <img v-if="item.IMG" class="item-img" :src="item.IMG" alt="" />
-        </div>
-      </div>
-    </div>
-  </div>
-  <div v-else class="mobile-docs">
-    <div class="title">
-      <div class="title-outside">{{ docsObj.TITLE_OUTSIDE }}</div>
-      <div class="title-inside">{{ docsObj.TITLE_INSIDE }}</div>
-    </div>
-    <div v-if="docsObj.TAB" class="docs-options">
-      <div v-for="item in docsObj.TAB" :key="item.KEY" class="docs-tabs">
-        <div class="docs-tabs-item" @click="showDocs(item.KEY)">
-          {{ item.VALUE }}
-          <transition name="fade">
-            <img
-              v-if="docsInfo[item.KEY]"
-              src="@/assets/svg-icons/icon-arrow-up.svg"
-            />
-            <img v-else src="@/assets/svg-icons/icon-arrow-down.svg" />
-          </transition>
-        </div>
-        <transition-group name="fade">
-          <template v-if="docsInfo[item.KEY]">
-            <div
-              v-for="(i, index) in infoObj.info.DATA_LIST"
-              :key="index"
-              class="docs-item"
-            >
-              <div class="docs-item-content">
-                <div v-if="i.THEME" class="docs-item-theme">
-                  {{ i.THEME }}
-                </div>
-                <div v-if="i.DESC" class="docs-item-desc">
-                  {{ i.DESC }}
-                </div>
-                <div class="docs-item-link">
-                  <a
-                    v-for="(value, key) in i.LINK"
-                    :key="key"
-                    :href="value.LINK"
-                    target="_blank"
-                    >{{ value.TEXT }}
-                    <img src="@/assets/svg-icons/arrow-right.svg" alt="" />
-                  </a>
-                </div>
-              </div>
-              <div
-                :style="{
-                  backgroundImage:
-                    i.BACKGROUND.TYPE === 2
-                      ? `url(/img/projects/share/mobile-group.png)`
-                      : `url(/img/projects/share/mobile-group.png)`,
-                }"
-                :class="
-                  i.BACKGROUND.TYPE === 2
-                    ? 'docs-item-backgroundone'
-                    : 'docs-item-backgroundtwo'
-                "
-              ></div>
-              <img v-if="i.IMG" class="docs-item-img" :src="i.IMG" alt="" />
-            </div>
-          </template>
-        </transition-group>
-      </div>
-    </div>
-    <div v-else class="docs-wrapper">
-      <div
-        v-for="(item, index) in infoObj.info.DATA_LIST"
-        :key="index"
-        class="docs-item"
-      >
-        <div class="docs-item-content">
-          <div v-if="item.THEME" class="docs-item-theme">
-            {{ item.THEME }}
-          </div>
-          <div v-if="item.DESC" class="docs-item-desc">
-            {{ item.DESC }}
-          </div>
-          <div class="docs-item-link">
-            <a
-              v-for="(value, key) in item.LINK"
-              :key="key"
-              :href="value.LINK"
-              target="_blank"
-              >{{ value.TEXT }}
-              <img src="@/assets/svg-icons/arrow-right.svg" alt="" />
-            </a>
-          </div>
-        </div>
-        <div
-          :style="{
-            backgroundImage:
-              item.BACKGROUND.TYPE === 2
-                ? `url(/img/projects/share/mobile-group.png)`
-                : `url(/img/projects/stratovirt/mobile-grain.png)`,
-          }"
-          :class="
-            item.BACKGROUND.TYPE === 2
-              ? 'docs-item-backgroundone'
-              : 'docs-item-backgroundtwo'
-          "
-        ></div>
-        <img v-if="item.IMG" class="docs-item-img" :src="item.IMG" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.docs-wraper {
-  margin: var(--o-spacing-h2) 0;
-  padding: 0 var(--o-spacing-h5);
-  .document {
-    width: 100%;
-    margin: 0 auto;
-    position: relative;
-    .tab {
-      display: flex;
-      position: absolute;
-      color: var(--o-color-text2);
-      top: 70px;
-      &-item {
-        margin-right: var(--o-spacing-h4);
-        padding: var(--o-spacing-h8) 0;
-        cursor: pointer;
-        &-active {
-          color: var(--o-color-brand_hover);
-          border-bottom: 1px solid var(--o-color-brand_hover);
-        }
-      }
-    }
-    .title {
-      margin: 0 auto;
-      font-size: var(--o-font-size-h3);
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-h3);
-      position: relative;
-      text-align: center;
-      margin-bottom: 80px;
-      &-outside {
-        position: absolute;
-        left: 50%;
-        top: 24px;
-        transform: translateX(-50%);
-        z-index: 1;
-      }
-      &-inside {
-        color: var(--o-color-text3);
-      }
-    }
-    .docs-list {
-      .item {
-        height: 192px;
-        padding: var(--o-spacing-h4) 0 var(--o-spacing-h4) var(--o-spacing-h4);
-        background-color: var(--o-color-bg);
-        box-shadow: var(--o-shadow-base);
-        font-size: var(--o-font-size-h7);
-        color: var(--o-color-text2);
-        line-height: var(--o-line-height-h6);
-        position: relative;
-        &-content {
-          position: absolute;
-          z-index: 3;
-        }
-        &-theme {
-          height: var(--o-line-height-h8);
-          font-size: var(--o-font-size-h7);
-          font-weight: 500;
-          color: var(--o-color-text2);
-          line-height: var(--o-line-height-h8);
-          font-weight: 600;
-        }
-        &-desc {
-          max-width: 256px;
-          font-size: var(--o-font-size-tip);
-          font-weight: 400;
-          color: var(--o-color-text3);
-          line-height: var(--o-line-height-h8);
-        }
-        &-link {
-          max-width: 256px;
-          margin-top: var(--o-spacing-h2);
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-          a {
-            display: block;
-            height: var(--o-line-height-h8);
-            font-size: var(--o-font-size-tip);
-            font-weight: 400;
-            color: var(--o-color-text2);
-            line-height: var(--o-line-height-h7);
-            position: relative;
-            margin-right: var(--o-spacing-h5);
-            padding-right: var(--o-spacing-h3);
-            overflow: hidden;
-          }
-          img {
-            position: absolute;
-            right: -40px;
-            top: 4px;
-            width: 18px;
-            height: 18px;
-            filter: drop-shadow(var(--o-color-brand) -44px 0);
-          }
-        }
-        &-img {
-          position: absolute;
-          right: 30px;
-          top: 30px;
-          bottom: 30px;
-          z-index: 2;
-        }
-        &-backgroundone {
-          position: absolute;
-          right: -38px;
-          top: -37px;
-          width: 301px;
-          height: 228px;
-          z-index: 1;
-        }
-        &-backgroundtwo {
-          position: absolute;
-          right: 0px;
-          top: -37px;
-          width: 314px;
-          height: 241px;
-          z-index: 1;
-        }
-      }
-      .item:hover {
-        box-shadow: var(--o-shadow-base_hover);
-      }
-    }
-    @media screen and (max-width: 767px) {
-      .docs-list {
-        width: 100%;
-        display: grid;
-        grid-template-columns: 1fr;
-        grid-row-gap: 24px;
-      }
-    }
-    @media screen and (min-width: 1080px) {
-      max-width: 1416px;
-      .docs-list {
-        width: 100%;
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr;
-        grid-row-gap: 24px;
-        grid-column-gap: 24px;
-      }
-    }
-    @media screen and (min-width: 768px) and (max-width: 1079px) {
-      .docs-list {
-        width: 100%;
-        display: grid;
-        grid-template-columns: 1fr 1fr;
-        grid-row-gap: 24px;
-        grid-column-gap: 24px;
-      }
-    }
-  }
-}
-.mobile-docs {
-  padding: var(--o-spacing-h5) var(--o-spacing-h5) 0 var(--o-spacing-h5);
-  width: 100%;
-  background-color: var(--o-color-bg2);
-  .title {
-    margin: 0 auto var(--o-spacing-h3);
-    margin-bottom: var(--o-spacing-h5);
-    font-size: var(--o-font-size-h8);
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    position: relative;
-    text-align: center;
-    &-outside {
-      position: absolute;
-      left: 50%;
-      top: 8px;
-      transform: translateX(-50%);
-      z-index: 1;
-    }
-    &-inside {
-      color: var(--o-color-text3);
-    }
-  }
-  .docs-options {
-    .docs-tabs {
-      &-item {
-        width: 100%;
-        height: 34px;
-        font-size: var(--o-font-size-tip);
-        padding: var(--o-spacing-h8) 0 var(--o-spacing-h8) var(--o-spacing-h8);
-        background-color: var(--o-color-bg);
-        border-bottom: 1px solid var(--o-color-division);
-        position: relative;
-        color: var(--o-color-text2);
-        img {
-          position: absolute;
-          right: 8px;
-          top: 9px;
-          bottom: 9px;
-          width: 16px;
-          height: 16px;
-        }
-      }
-      .docs-item {
-        width: 100%;
-        height: 144px;
-        margin: var(--o-spacing-h5) 0;
-        background-color: var(--o-color-bg);
-        padding: var(--o-spacing-h5) 0 var(--o-spacing-h5) var(--o-spacing-h6);
-        position: relative;
-        overflow: hidden;
-        &-content {
-          position: absolute;
-          z-index: 3;
-        }
-        &-theme {
-          font-size: var(--o-font-size-text);
-          line-height: var(--o-line-height-text);
-          height: 22px;
-          color: var(--o-color-text2);
-        }
-        &-desc {
-          font-size: var(--o-font-size-tip);
-          line-height: var(--o-line-height-tip);
-          height: 18px;
-          margin-top: var(--o-spacing-h8);
-          max-width: 190px;
-          color: var(--o-color-text3);
-        }
-        &-link {
-          width: 220px;
-          padding: var(--o-spacing-h3) 0 0 0;
-          display: flex;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-          a {
-            font-size: var(--o-font-size-text);
-            line-height: var(--o-line-height-text);
-            height: 22px;
-            position: relative;
-            color: var(--o-color-text2);
-            overflow: hidden;
-            padding-right: var(--o-spacing-h3);
-            img {
-              width: 16px;
-              height: 16px;
-              position: absolute;
-              right: -20px;
-              top: 2.5px;
-              filter: drop-shadow(var(--o-color-brand) -34px 0);
-            }
-          }
-        }
-        &-backgroundone {
-          width: 291px;
-          height: 180px;
-          position: absolute;
-          top: 17px;
-          right: 0;
-          z-index: 1;
-          background-position: right bottom;
-          background-repeat: no-repeat;
-          background-size: 100%;
-        }
-        &-img {
-          position: absolute;
-          right: 12px;
-          top: 22px;
-          bottom: 22px;
-          z-index: 2;
-          width: 100px;
-          height: 100px;
-        }
-      }
-    }
-  }
-  .docs-wrapper {
-    .docs-item {
-      width: 100%;
-      height: 144px;
-      margin: var(--o-spacing-h5) 0;
-      background-color: var(--o-color-bg);
-      padding: var(--o-spacing-h5) 0 var(--o-spacing-h5) var(--o-spacing-h6);
-      position: relative;
-      &-content {
-        position: absolute;
-        z-index: 3;
-      }
-      &-theme {
-        font-size: var(--o-font-size-text);
-        line-height: var(--o-line-height-text);
-        height: 22px;
-        color: var(--o-color-text2);
-      }
-      &-desc {
-        font-size: var(--o-font-size-tip);
-        line-height: var(--o-line-height-tip);
-        height: 18px;
-        margin-top: var(--o-spacing-h8);
-        max-width: 170px;
-        color: var(--o-color-text3);
-      }
-      &-link {
-        width: 220px;
-        padding: var(--o-spacing-h3) 0 0 0;
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: flex-start;
-        a {
-          font-size: var(--o-font-size-text);
-          line-height: var(--o-line-height-text);
-          height: 22px;
-          position: relative;
-          color: var(--o-color-text2);
-          overflow: hidden;
-          padding-right: var(--o-spacing-h3);
-          img {
-            width: 16px;
-            height: 16px;
-            position: absolute;
-            right: -20px;
-            top: 2.5px;
-            filter: drop-shadow(var(--o-color-brand) -34px 0);
-          }
-        }
-      }
-      &-backgroundone {
-        width: 291px;
-        height: 180px;
-        position: absolute;
-        top: 17px;
-        right: 0;
-        z-index: 1;
-        background-position: right bottom;
-        background-repeat: no-repeat;
-        background-size: 100%;
-      }
-      &-backgroundtwo {
-        width: 246px;
-        height: 152px;
-        position: absolute;
-        top: 0;
-        right: 0;
-        z-index: 1;
-        background-position: right bottom;
-        background-repeat: no-repeat;
-        background-size: 100%;
-      }
-      &-img {
-        position: absolute;
-        right: 12px;
-        top: 22px;
-        bottom: 22px;
-        z-index: 2;
-        width: 100px;
-        height: 100px;
-      }
-    }
-  }
-}
-
-.fade-enter-active {
-  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
-}
-.fade-leave-active {
-  transition: all 0.2s cubic-bezier(1, 0.6, 0.4, 0.4);
-}
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-  height: 0 !important;
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/components/MiniFrame.vue b/app/.vitepress/src/views/other/projects/components/MiniFrame.vue
deleted file mode 100644
index bc55d5f5989f7d3351d178c5305de9d731f8d2a8..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/components/MiniFrame.vue
+++ /dev/null
@@ -1,368 +0,0 @@
-<script lang="ts" setup>
-import { reactive, Ref, ref } from 'vue';
-
-interface Info {
-  info: Obj;
-}
-
-interface Obj {
-  TAB?: string;
-  TITLE_OUTSIDE?: string;
-  TITLE_INSIDE?: string;
-  FRAMEWORK_IMG?: string;
-  DATA_LIST?: Data_list_item[];
-  DESC_LIST?: Data_list_item[];
-}
-
-interface Data_list_item {
-  IMG?: string;
-  THEME?: string;
-  DESC?: string;
-  BACKGROUND: Background;
-  LINK?: Link_list[];
-}
-
-interface Link_list {
-  TEXT?: string;
-  LINK?: string;
-}
-
-interface Background {
-  IMG: string;
-  TYPE: number;
-}
-
-const props = defineProps({
-  frameObj: {
-    type: Object,
-    default: function () {
-      return {};
-    },
-  },
-  layout: {
-    type: String,
-    default: '',
-  },
-});
-/*eslint-disable*/
-let activeTab: Ref = ref('');
-const infoObj = reactive<Info>({ info: {} });
-// init:
-if (props.frameObj.TAB) {
-  activeTab = ref(props.frameObj.TAB[0].KEY);
-  infoObj.info = props.frameObj[props.frameObj.TAB[0].KEY];
-} else {
-  infoObj.info = props.frameObj;
-}
-const changeFrame = function (key: string) {
-  activeTab.value = key;
-  infoObj.info = props.frameObj[key];
-};
-</script>
-
-<template>
-  <div class="framework-box">
-    <div class="title">
-      <div class="title-outside">{{ frameObj.TITLE_OUTSIDE }}</div>
-      <div class="title-inside">{{ frameObj.TITLE_INSIDE }}</div>
-    </div>
-    <!-- 上下布局 -->
-    <div v-if="layout === 'upAndDown'" class="framework-upanddown">
-      <!-- tab 栏 -->
-      <div v-if="frameObj.TAB" class="tab">
-        <div
-          v-for="item in frameObj.TAB"
-          :key="item.KEY"
-          class="tab-item"
-          :class="
-            activeTab === item.KEY ? 'tab-item tab-item-active' : 'tab-item'
-          "
-          @click="changeFrame(item.KEY)"
-        >
-          {{ item.VALUE }}
-        </div>
-      </div>
-      <!-- 有点问题 TODO: -->
-      <!-- <OTabs v-if="frameObj.TAB" class="tab">
-        <OTabPane
-          v-for="item in frameObj.TAB"
-          :key="item.VALUE"
-          :label="item.VALUE"
-          @click.native="changeFrame(item.KEY)"
-        >
-        </OTabPane>
-      </OTabs> -->
-      <div class="info">
-        <div class="desc">
-          <p v-for="(item, index) in infoObj.info.DESC_LIST" :key="index">
-            {{ item }}
-          </p>
-        </div>
-        <img
-          v-if="infoObj.info.FRAMEWORK_IMG"
-          :src="infoObj.info.FRAMEWORK_IMG"
-          alt=""
-        />
-      </div>
-    </div>
-    <!-- 左右布局 -->
-    <div v-if="layout === 'leftAndRight'" class="framework-leftandright">
-      <div class="info">
-        <div class="desc">
-          <p class="desc-title">{{ frameObj.DESC_LIST[0] }}</p>
-          <p
-            v-for="(item, index) in frameObj.DESC_LIST"
-            :key="index"
-            class="desc-item"
-          >
-            <template v-if="index > 0"> {{ `${index}、` }}{{ item }} </template>
-          </p>
-          <div
-            class="desc-background"
-            :style="{ backgroundImage: `url(${frameObj.DESC_BACKGROUND})` }"
-          ></div>
-        </div>
-        <div class="img">
-          <img :src="frameObj.FRAMEWORK_IMG" alt="" />
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.framework-box {
-  width: 100%;
-  padding: 0 var(--o-spacing-h5);
-  .title {
-    margin: 0 auto var(--o-spacing-h3);
-    margin-bottom: var(--o-spacing-h1);
-    margin-bottom: 100px;
-    font-size: var(--o-font-size-h3);
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    position: relative;
-    text-align: center;
-    &-outside {
-      position: absolute;
-      left: 50%;
-      top: 24px;
-      transform: translateX(-50%);
-      z-index: 1;
-    }
-    &-inside {
-      color: var(--o-color-text3);
-    }
-    @media screen and (max-width: 767px) {
-      margin-bottom: var(--o-spacing-h3);
-      font-size: var(--o-font-size-h8);
-      &-outside {
-        top: 20%;
-      }
-    }
-  }
-  .tab {
-    display: flex;
-    margin-left: var(--o-spacing-h3);
-    color: var(--o-color-text2);
-    &-item {
-      padding: var(--o-spacing-h8) 0;
-      margin-right: var(--o-spacing-h4);
-      cursor: pointer;
-      &-active {
-        color: var(--o-color-brand_hover);
-        border-bottom: 1px solid var(--o-color-brand_hover);
-      }
-    }
-    @media screen and (max-width: 767px) {
-      margin-top: var(--o-spacing-h5);
-      font-size: var(--o-font-size-tip);
-    }
-  }
-  .framework-upanddown {
-    margin: 0 auto;
-    position: relative;
-    .tab {
-      position: absolute;
-      top: -52px;
-      left: -24px;
-    }
-    .info {
-      padding: var(--o-spacing-h2) 0;
-      background-color: var(--o-color-bg);
-    }
-    .desc {
-      margin: 0 var(--o-spacing-h2) var(--o-spacing-h2) var(--o-spacing-h2);
-      p {
-        font-size: var(--o-font-size-h8);
-        color: var(--o-color-text2);
-        line-height: var(--o-line-height-h8);
-      }
-    }
-    img {
-      margin: 0 auto;
-      display: block;
-    }
-    @media screen and (min-width: 1440px) {
-      max-width: 1440px;
-      img {
-        width: 1016px;
-      }
-    }
-    @media screen and (min-width: 1080px) and (max-width: 1439px) {
-      img {
-        width: 762px;
-      }
-    }
-    @media screen and (min-width: 768px) and (max-width: 1079px) {
-      img {
-        width: 542px;
-      }
-    }
-    @media screen and (max-width: 767px) {
-      .info {
-        padding: var(--o-spacing-h5);
-      }
-      .desc {
-        margin: 0;
-        p {
-          font-size: var(--o-font-size-tip);
-        }
-      }
-      img {
-        margin-top: var(--o-spacing-h5);
-        width: 100%;
-      }
-    }
-  }
-  .framework-leftandright {
-    width: 100%;
-    margin: 0 auto;
-    .info {
-      padding: 0 0 var(--o-spacing-h2) 0;
-      display: flex;
-      justify-content: space-around;
-      .desc {
-        flex: 1;
-        background-color: var(--o-color-bg);
-        margin: 0 var(--o-spacing-h5) 0 0;
-        padding: var(--o-spacing-h2) var(--o-spacing-h2) 0 var(--o-spacing-h2);
-        position: relative;
-        &-item {
-          color: var(--o-color-text2);
-          font-size: var(--o-font-size-h7);
-          line-height: var(--o-line-height-h8);
-          padding: var(--o-spacing-h8) 0;
-        }
-        &-title {
-          font-size: var(--o-font-size-h5);
-          font-weight: 500px;
-          color: var(--o-color-text2);
-          line-height: var(--o-line-height-h8);
-          padding-bottom: var(--o-spacing-h4);
-        }
-        &-background {
-          position: absolute;
-          right: 0;
-          bottom: 0;
-          z-index: 11;
-          width: 456px;
-          height: 282px;
-        }
-      }
-      .img {
-        flex: 1;
-        background-color: var(--o-color-bg);
-        margin-left: var(--o-spacing-h5);
-        img {
-          margin: 0 auto;
-          display: block;
-          margin-top: var(--o-spacing-h3);
-          margin-bottom: var(--o-spacing-h3);
-        }
-      }
-    }
-    @media screen and (min-width: 1440px) {
-      max-width: 1440px;
-      .info {
-        .img {
-          img {
-            width: 467px;
-          }
-        }
-      }
-    }
-    @media screen and (min-width: 1080px) and (max-width: 1439px) {
-      .info {
-        .img {
-          img {
-            width: 350px;
-          }
-        }
-      }
-    }
-    @media screen and (min-width: 768px) and (max-width: 1079px) {
-      .info {
-        .desc {
-          padding: var(--o-spacing-h5) var(--o-spacing-h5) 0 var(--o-spacing-h5);
-          &-title {
-            font-size: var(--o-font-size-text);
-            font-weight: 500px;
-            color: var(--o-color-text2);
-            line-height: var(--o-line-height-h8);
-            padding-bottom: var(--o-spacing-h6);
-          }
-          &-item {
-            color: var(--o-color-text2);
-            line-height: var(--o-line-height-tip);
-            font-size: var(--o-font-size-tip);
-            padding: var(--o-spacing-h8) 0;
-          }
-        }
-        .img {
-          img {
-            width: 250px;
-          }
-        }
-      }
-    }
-    @media screen and (max-width: 767px) {
-      width: 100%;
-      .info {
-        display: block;
-        padding: 0;
-        .desc {
-          width: 100%;
-          margin: 0;
-          padding: var(--o-spacing-h5);
-          &-title {
-            padding-bottom: 0;
-          }
-          p {
-            font-size: var(--o-font-size-tip);
-          }
-          &-background {
-            width: 202px;
-            height: 165px;
-            background-size: 100%;
-            background-repeat: no-repeat;
-            background-position: bottom;
-          }
-        }
-        .img {
-          padding: var(--o-spacing-h5);
-          margin-top: var(--o-spacing-h5);
-          margin-left: 0;
-          width: 100%;
-          background-color: var(--o-color-bg);
-          img {
-            margin: 0 auto;
-            display: block;
-            width: 100%;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/isula/TheIsula.vue b/app/.vitepress/src/views/other/projects/isula/TheIsula.vue
deleted file mode 100644
index 00d55d6e3e6f46f8f2a64c2d545f375863717ba8..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/isula/TheIsula.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts" setup>
-import { useData } from 'vitepress';
-
-import MiniCards from '../components/MiniCards.vue';
-import MiniDescription from '../components/MiniDescription.vue';
-import MiniFrame from '../components/MiniFrame.vue';
-import MiniDocs from '../components/MiniDocs.vue';
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-import BannerIllustration from '/img/projects/isula/illustration-banner.png';
-import BannerBackground from '/img/projects/share/banner-background.png';
-
-const { theme: i18n } = useData();
-</script>
-<template>
-  <div class="isula-wraper">
-    <BannerLevel2
-      class="banner"
-      :title="i18n.isula.ISULA_BANNER_TEXT[0]"
-      :subtitle="i18n.isula.ISULA_BANNER_TEXT[1]"
-      :illustration="BannerIllustration"
-      :background-image="BannerBackground"
-      background-text="CONNECT"
-    />
-    <MiniCards :cards-link="i18n.isula.ISULA_LINK" />
-    <MiniDescription :description-desc="i18n.isula.ISULA_DESC_UP" />
-    <MiniFrame :frame-obj="i18n.isula.ISULA_FRAMEWORK" layout="upAndDown" />
-    <MiniDocs :device="false" :docs-obj="i18n.isula.ISULA_DOCUMENT" />
-  </div>
-</template>
-<style lang="scss" scoped>
-.isula-wraper {
-  margin: 0 auto;
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/secgear/TheSecGear.vue b/app/.vitepress/src/views/other/projects/secgear/TheSecGear.vue
deleted file mode 100644
index 479114f01c9c4df5d142baf78bc77340e23d6b01..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/secgear/TheSecGear.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script lang="ts" setup>
-import { useData } from 'vitepress';
-
-import MiniDescription from '../components/MiniDescription.vue';
-import MiniFrame from '../components/MiniFrame.vue';
-import MiniDocs from '../components/MiniDocs.vue';
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-import BannerIllustration from '/img/projects/secgear/illustration-banner.png';
-import BannerBackground from '/img/projects/share/banner-background.png';
-
-const { theme: i18n } = useData();
-</script>
-<template>
-  <div class="secgear-wraper">
-    <BannerLevel2
-      class="banner"
-      :title="i18n.secgear.SECGEAR_BANNER_TEXT[0]"
-      :subtitle="i18n.secgear.SECGEAR_BANNER_TEXT[1]"
-      :illustration="BannerIllustration"
-      :background-image="BannerBackground"
-    />
-    <!-- 中间文字介绍部分 -->
-    <MiniDescription :description-desc="i18n.secgear.SECGEAR_DESC" />
-    <!-- 架构 -->
-    <MiniFrame
-      :frame-obj="i18n.secgear.SECGEAR_FRAMEWORK"
-      layout="leftAndRight"
-    />
-    <!-- 文档 -->
-    <MiniDocs :docs-obj="i18n.secgear.SECGEAR_DOCUMENT" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.secgear-wraper {
-  margin: 0 auto;
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/stratovirt/MiniFeatures.vue b/app/.vitepress/src/views/other/projects/stratovirt/MiniFeatures.vue
deleted file mode 100644
index f2ac206cde4cea7a9fc60338836b644f800004fc..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/stratovirt/MiniFeatures.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-<script lang="ts" setup>
-defineProps({
-  featuresObj: {
-    type: Object,
-    default: function () {
-      return {};
-    },
-  },
-});
-</script>
-
-<template>
-  <div class="features-box">
-    <!-- 标题 -->
-    <div class="title">
-      <div class="title-outside">{{ featuresObj.TITLE_OUTSIDE }}</div>
-      <div class="title-inside">{{ featuresObj.TITLE_INSIDE }}</div>
-    </div>
-    <!-- 内容 -->
-    <div class="content">
-      <div
-        v-for="(item, index) in featuresObj.CHARACTER_LIST"
-        :key="item.TITLE"
-        class="content-item"
-        :class="
-          index == featuresObj.CHARACTER_LIST.length - 1 ||
-          index == featuresObj.CHARACTER_LIST.length - 2
-            ? 'content-item'
-            : 'content-item content-item-bottom'
-        "
-      >
-        <img :src="item.IMG" alt="" />
-        <div class="item-info">
-          <div class="content-item-title">{{ item.TITLE }}</div>
-          <div class="content-item-desc">{{ item.DESC }}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.features-box {
-  width: 100%;
-  padding: 0 var(--o-spacing-h5);
-  margin-bottom: var(--o-spacing-h2);
-  .title {
-    margin: 0 auto var(--o-spacing-s4);
-    margin-bottom: var(--o-spacing-h1);
-    font-size: var(--o-font-size-h3);
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-h3);
-    position: relative;
-    text-align: center;
-    &-outside {
-      position: absolute;
-      left: 50%;
-      top: 24px;
-      transform: translateX(-50%);
-      z-index: 1;
-    }
-    &-inside {
-      color: var(--o-color-text3);
-    }
-    @media screen and (max-width: 767px) {
-      margin-bottom: 0;
-      font-size: var(--o-font-size-h8);
-      &-outside {
-        top: 20%;
-      }
-    }
-  }
-  .content {
-    margin: 0 auto;
-    background-color: var(--o-color-bg);
-    padding: 0 150px;
-    box-sizing: border-box;
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-column-gap: 24px;
-    &-item {
-      max-width: 482px;
-      display: flex;
-      padding: var(--o-spacing-h2) 0;
-      color: var(--o-color-text2);
-      img {
-        display: block;
-        width: 80px;
-        height: 80px;
-        // 往下调整
-        margin-right: var(--o-spacing-h8);
-      }
-      &-title {
-        margin: var(--o-spacing-h5) 0 var(--o-spacing-h8) 0;
-      }
-      &-desc {
-        font-size: var(--o-font-size-text);
-        line-height: var(--o-line-height-text);
-        color: var(--o-color-text3);
-      }
-      &-bottom {
-        border-bottom: 1px solid var(--o-color-division);
-      }
-    }
-    @media screen and (min-width: 1440px) {
-      max-width: 1440px;
-    }
-    @media screen and (min-width: 1080px) and (max-width: 1439px) {
-      padding: 0 auto;
-    }
-    @media screen and (max-width: 1079px) {
-      padding: 0 var(--o-spacing-h2);
-    }
-    @media screen and (max-width: 767px) {
-      margin-top: var(--o-spacing-h5);
-      display: grid;
-      grid-template-columns: 1fr;
-      padding: 0 var(--o-spacing-h5);
-      &-item {
-        margin: 0 auto;
-        padding: var(--o-spacing-h5) 0;
-        max-width: 296px;
-        &-title {
-          font-size: var(--o-font-size-text);
-        }
-        &-desc {
-          font-size: var(--o-font-size-tip);
-        }
-        img {
-          margin: auto;
-          margin-right: var(--o-spacing-h8);
-          width: 40px;
-          height: 40px;
-        }
-      }
-    }
-  }
-  .content :nth-child(5) {
-    border-bottom: 1px solid var(--o-color-division);
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/other/projects/stratovirt/TheStratoVirt.vue b/app/.vitepress/src/views/other/projects/stratovirt/TheStratoVirt.vue
deleted file mode 100644
index 51e98f8aec791da555a1865c4f0378e8fd826321..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/other/projects/stratovirt/TheStratoVirt.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import { useData } from 'vitepress';
-
-import MiniCards from '../components/MiniCards.vue';
-import MiniDescription from '../components/MiniDescription.vue';
-import MiniFrame from '../components/MiniFrame.vue';
-import MiniDocs from '../components/MiniDocs.vue';
-import MiniFeatures from './MiniFeatures.vue';
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-import BannerIllustration from '/img/projects/stratovirt/illustration-banner.png';
-import BannerBackground from '/img/projects/share/banner-background.png';
-
-const { theme: i18n } = useData();
-</script>
-<template>
-  <div class="svirt-wraper">
-    <BannerLevel2
-      class="banner"
-      :title="i18n.stratovirt.SVIRT_BANNER_TEXT[0]"
-      :subtitle="i18n.stratovirt.SVIRT_BANNER_TEXT[1]"
-      :illustration="BannerIllustration"
-      :background-image="BannerBackground"
-      background-text="CONNECT"
-    />
-    <!-- 卡片 -->
-    <MiniCards :cards-link="i18n.stratovirt.SVIRT_LINK" />
-    <!-- 中间文字介绍部分 -->
-    <MiniDescription :description-desc="i18n.stratovirt.SVIRT_DESC" />
-    <!-- 特征 -->
-    <MiniFeatures :features-obj="i18n.stratovirt.SVIRT_CHARACTER" />
-    <!-- 架构 -->
-    <MiniFrame
-      :frame-obj="i18n.stratovirt.SVIRT_FRAMEWORK"
-      layout="leftAndRight"
-    />
-    <!-- 文档 -->
-    <MiniDocs :docs-obj="i18n.stratovirt.SVIRT_DOCUMENT" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.svirt-wraper {
-  margin: 0 auto;
-}
-</style>
diff --git a/app/.vitepress/src/views/security/TheCompatibility.vue b/app/.vitepress/src/views/security/TheCompatibility.vue
deleted file mode 100644
index 1693a14273896b1621220ac08127ae27d3292a6a..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/security/TheCompatibility.vue
+++ /dev/null
@@ -1,157 +0,0 @@
-<script lang="ts" setup>
-import { ref, reactive } from 'vue';
-import { useData } from 'vitepress';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-
-import { BulletinParams } from '@/shared/@types/type-safety-bulletin';
-
-const { theme: i18n } = useData();
-const inputName = ref('zhangsan');
-const activeIndex = ref(0);
-const total = ref(0);
-const layout = ref('sizes, prev, pager, next, slot, jumper');
-
-const queryData: BulletinParams = reactive({
-  page: 1,
-  pageSize: 10,
-});
-
-const tagClick = (i: number) => {
-  activeIndex.value = i;
-};
-
-const handleSizeChange = (val: number) => {
-  queryData.pageSize = val;
-};
-
-const handleCurrentChange = (val: number) => {
-  queryData.page = val;
-};
-</script>
-
-<template>
-  <BannerLevel2
-    :background-image="banner"
-    background-text="CONTENT"
-    title="兼容性列表"
-    subtitle=""
-    :illustration="search"
-  />
-  <OTabs>
-    <OTabPane label="整机">
-      <div class="wrapper">
-        <OInput v-model="inputName"></OInput>
-        <OCard class="filter-card">
-          <template #header>
-            <div class="card-header">
-              <span class="category">{{ i18n.security.SEVERITY }}</span>
-              <TagFilter label="全部" :show="true">
-                <OTag
-                  v-for="(item, index) in i18n.security.SEVERITY_LIST"
-                  :key="'tag' + index"
-                  :type="activeIndex === index ? 'primary' : 'text'"
-                  @click="tagClick(index)"
-                >
-                  {{ item.NAME }}
-                </OTag>
-              </TagFilter>
-            </div>
-          </template>
-          <div class="card-body">
-            <span class="category">{{ i18n.security.YEAR }}</span>
-            <span class="category-item">2021</span>
-          </div>
-        </OCard>
-        <OTable>
-          <OTableColumn label="架构" prop=""></OTableColumn>
-        </OTable>
-        <OPagination
-          v-model:page-size="queryData.pageSize"
-          v-model:currentPage="queryData.page"
-          class="pagination"
-          :page-sizes="[10, 20, 40, 80]"
-          :layout="layout"
-          :total="total"
-          :background="true"
-          @size-change="handleSizeChange"
-          @current-change="handleCurrentChange"
-        >
-          <span class="slot-content">5/20</span>
-        </OPagination>
-        <p class="about">
-          关于硬件兼容性测试，openEuler提供了完整的测试流程和工具，详见
-          <a href="#">openEuler 硬件兼容性测试整体介绍</a>
-        </p>
-      </div>
-    </OTabPane>
-    <OTabPane label="板卡"> </OTabPane>
-    <OTabPane label="开源软件"> </OTabPane>
-    <OTabPane label="商业软件"> </OTabPane>
-  </OTabs>
-</template>
-<style lang="scss" scoped>
-:deep(.el-tabs__nav-scroll) {
-  display: flex;
-  justify-content: center;
-}
-.wrapper {
-  max-width: 1504px;
-  padding: var(--o-spacing-h2);
-  margin: 0 auto;
-  // margin-top: var(--o-spacing-h2);
-  //   background-color: var(--o-color-bg);
-}
-.o-input {
-  height: 48px !important;
-  margin-top: 14px;
-}
-.filter-card {
-  margin: var(--o-spacing-h4) 0;
-  .category {
-    display: inline-block;
-    width: 56px;
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-text);
-    margin-right: var(--o-spacing-h4);
-  }
-  .category-item {
-    display: inline-block;
-    height: 28px;
-    border: none;
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text3);
-    line-height: var(--o-line-height-text);
-    cursor: pointer;
-  }
-  .active {
-    display: inline-block;
-    border: 1px solid #002fa7;
-    color: #002fa7;
-    padding: 0px 12px;
-  }
-  .card-header {
-    padding-bottom: 14px;
-    border-bottom: 1px solid #ccc;
-    line-height: 54px;
-  }
-  .card-body {
-    padding-top: 19px;
-  }
-}
-.pagination {
-  margin: var(--o-spacing-h2) 0 var(--o-spacing-h4);
-}
-.about {
-  margin-bottom: var(--o-spacing-h4);
-  font-size: var(--o-font-size-h8);
-  font-weight: 400;
-  color: var(--o-color-text2);
-  line-height: var(--o-line-height-h8);
-}
-</style>
diff --git a/app/.vitepress/src/views/security/TheCveList.vue b/app/.vitepress/src/views/security/TheCveList.vue
deleted file mode 100644
index 890deb3e88323791908e6d40d333d3cfc4e285a6..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/security/TheCveList.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<script lang="ts" setup>
-import { reactive, ref, watch, onMounted } from 'vue';
-import { useData } from 'vitepress';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-import IconSearch from '~icons/app/icon-search.svg';
-
-import { getCveList } from '@/api/api-security';
-import { CveLists, QueryParams } from '@/shared/@types/type-cvelist';
-
-const inputName = ref('');
-const { theme: i18n } = useData();
-const total = ref(0);
-const layout = ref('sizes, prev, pager, next, slot, jumper');
-const activeIndex = ref(0);
-
-const tableData = ref<CveLists[]>([
-  {
-    announcementTime: '',
-    cveId: '',
-    cvsssCoreOE: '',
-    status: '',
-    summary: '',
-    updateTime: '',
-  },
-]);
-
-const queryData: QueryParams = reactive({
-  page: 1,
-  size: 10,
-});
-
-function getCveLists(data: QueryParams) {
-  try {
-    getCveList(data).then((res: any) => {
-      tableData.value = res.result.cveDatabaseList;
-      total.value = res.result.totalCount;
-    });
-  } catch (e: any) {
-    throw new Error(e);
-  }
-}
-
-const tagClick = (i: number) => {
-  activeIndex.value = i;
-};
-
-const handleSizeChange = (val: number) => {
-  queryData.size = val;
-};
-
-const handleCurrentChange = (val: number) => {
-  queryData.page = val;
-};
-onMounted(() => {
-  getCveLists(queryData);
-});
-watch(
-  queryData,
-  //   {
-  //   pages: { page: queryData.page, size: queryData.size },
-  // }
-  () => getCveLists(queryData)
-);
-</script>
-<template>
-  <BannerLevel2
-    :background-image="banner"
-    background-text="CONTENT"
-    :title="i18n.security.CVE"
-    subtitle=""
-    :illustration="search"
-  />
-  <div class="wrapper">
-    <OInput
-      v-model="inputName"
-      :prefix-icon="IconSearch"
-      :placeholder="i18n.security.SEARCH"
-      style="margin-top: 64px; height: 48px"
-    ></OInput>
-    <OCard class="filter-card">
-      <template #header>
-        <div class="card-header">
-          <span class="category">{{ i18n.security.SEVERITY }}</span>
-          <TagFilter label="全部" :show="true">
-            <OTag
-              v-for="(item, index) in i18n.security.SEVERITY_LIST"
-              :key="'tag' + index"
-              :type="activeIndex === index ? 'primary' : 'text'"
-              @click="tagClick(index)"
-            >
-              {{ item.NAME }}
-            </OTag>
-          </TagFilter>
-        </div>
-      </template>
-    </OCard>
-    <OTable :data="tableData" style="width: 100%">
-      <OTableColumn :label="i18n.security.CVE" prop="cveId"> </OTableColumn>
-      <OTableColumn
-        :label="i18n.security.SYNOPSIS"
-        prop="summary"
-      ></OTableColumn>
-      <OTableColumn
-        :label="i18n.security.CVSS_SCORE"
-        prop="cvsssCoreOE"
-      ></OTableColumn>
-      <OTableColumn
-        width="210"
-        :label="i18n.security.RELEASE_DATE"
-        prop="updateTime"
-      ></OTableColumn>
-      <OTableColumn
-        width="210"
-        :label="i18n.security.MODIFIED_TIME"
-        prop="updateTime"
-      ></OTableColumn>
-      <OTableColumn :label="i18n.security.STATUS" prop="status"></OTableColumn>
-      <OTableColumn :label="i18n.security.OPERATION"> </OTableColumn>
-    </OTable>
-    <OPagination
-      v-model:page-size="queryData.size"
-      v-model:currentPage="queryData.page"
-      class="pagination"
-      :page-sizes="[10, 20, 40, 80]"
-      :layout="layout"
-      :total="total"
-      :background="true"
-      @size-change="handleSizeChange"
-      @current-change="handleCurrentChange"
-    >
-      <span>5/20</span>
-    </OPagination>
-  </div>
-</template>
-<style lang="scss" scoped>
-.wrapper {
-  max-width: 1504px;
-  padding: var(--o-spacing-h2);
-  margin: var(--o-spacing-h1) auto;
-  margin-top: var(--o-spacing-h2);
-  background-color: var(--o-color-bg);
-}
-.filter-card {
-  margin: var(--o-spacing-h4) 0;
-  .category {
-    display: inline-block;
-    width: 56px;
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-text);
-    margin-right: var(--o-spacing-h4);
-  }
-  .card-header {
-    line-height: 54px;
-  }
-  .category-item {
-    width: 28px;
-    font-size: var(--o-font-size-text);
-    font-weight: 400;
-    color: var(--o-color-text3);
-    line-height: var(--o-line-height-text);
-    cursor: pointer;
-  }
-  .active {
-    border: 1px solid #002fa7;
-    color: #002fa7;
-    padding: 3px 12px;
-  }
-}
-.pagination {
-  margin: var(--o-spacing-h2) 0 var(--o-spacing-h1) 0;
-  margin-left: 50%;
-  transform: translateX(-50%);
-}
-</style>
diff --git a/app/.vitepress/src/views/security/TheSafetyBulletin.vue b/app/.vitepress/src/views/security/TheSafetyBulletin.vue
deleted file mode 100644
index a871ed14e4ecdc2df88246df5cc6e0992f5dc2b2..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/security/TheSafetyBulletin.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-<script lang="ts" setup>
-import { reactive, ref, watch, onMounted } from 'vue';
-import { useData, useRouter } from 'vitepress';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-import IconSearch from '~icons/app/icon-search.svg';
-
-import { getSecurityList } from '@/api/api-security';
-import {
-  BulletinParams,
-  SecurityLists,
-} from '@/shared/@types/type-safety-bulletin';
-
-const router = useRouter();
-const { theme: i18n } = useData();
-const inputName = ref('');
-const total = ref(0);
-const layout = ref('sizes, prev, pager, next, slot, jumper');
-const activeIndex = ref(0);
-
-const tableData = ref<SecurityLists[]>([
-  {
-    affectedComponent: '',
-    affectedProduct: '',
-    announcementTime: '',
-    securityNoticeNo: '',
-    summary: '',
-    type: '',
-  },
-]);
-const queryData: BulletinParams = reactive({
-  page: 1,
-  pageSize: 10,
-});
-
-function getSecurityLists(data: BulletinParams) {
-  try {
-    getSecurityList(data).then((res: any) => {
-      tableData.value = res.result.securityNoticeList;
-      total.value = res.result.totalCount;
-    });
-  } catch (e: any) {
-    throw new Error(e);
-  }
-}
-
-const tagClick = (i: number) => {
-  activeIndex.value = i;
-};
-
-const handleSizeChange = (val: number) => {
-  queryData.pageSize = val;
-};
-
-const handleCurrentChange = (val: number) => {
-  queryData.page = val;
-};
-
-function jumpBulletinDetail(val: any) {
-  router.go(`zh/security/safety-bulletin/detail/?id=${JSON.stringify(val)}`);
-}
-
-onMounted(() => {
-  getSecurityLists(queryData);
-});
-
-watch(
-  queryData,
-  //   {
-  //   pages: { page: queryData.page, size: queryData.pageSize },
-  // }
-  () => getSecurityLists(queryData)
-);
-</script>
-
-<template>
-  <div class="wrapper">
-    <BannerLevel2
-      :background-image="banner"
-      background-text="CONTENT"
-      :title="i18n.security.SECURITY_ADVISORIES"
-      subtitle=""
-      :illustration="search"
-    />
-    <div class="bulletin-main">
-      <div class="input-container">
-        <OInput
-          v-model="inputName"
-          :prefix-icon="IconSearch"
-          :placeholder="i18n.security.SEARCH"
-        ></OInput>
-      </div>
-      <OCard class="filter-card">
-        <template #header>
-          <div class="card-header">
-            <span class="category">{{ i18n.security.SEVERITY }}</span>
-            <TagFilter label="全部" :show="true">
-              <OTag
-                v-for="(item, index) in i18n.security.SEVERITY_LIST"
-                :key="'tag' + index"
-                :type="activeIndex === index ? 'primary' : 'text'"
-                @click="tagClick(index)"
-              >
-                {{ item.NAME }}
-              </OTag>
-            </TagFilter>
-          </div>
-        </template>
-        <div class="card-body">
-          <span class="category">{{ i18n.security.YEAR }}</span>
-          <span class="category-item">2021</span>
-        </div>
-      </OCard>
-      <OTable :data="tableData" style="width: 100%">
-        <el-table-column>
-          <template #header>
-            <span>{{ i18n.security.ADVISORY }}</span>
-          </template>
-          <template #default="scope">
-            <span @click="jumpBulletinDetail(scope.row.securityNoticeNo)">
-              {{ scope.row.securityNoticeNo }}
-            </span>
-          </template>
-        </el-table-column>
-        <OTableColumn
-          :label="i18n.security.SYNOPSIS"
-          prop="summary"
-        ></OTableColumn>
-        <OTableColumn
-          :label="i18n.security.SEVERITY"
-          prop="type"
-          width="140"
-        ></OTableColumn>
-        <OTableColumn
-          :label="i18n.security.AFFECTED_PRODUCTS"
-          prop="affectedProduct"
-        ></OTableColumn>
-        <OTableColumn
-          :label="i18n.security.AFFECTED_COMPONENTS"
-          prop="affectedComponent"
-          width="200"
-        ></OTableColumn>
-        <OTableColumn
-          :label="i18n.security.RELEASE_DATE"
-          prop="announcementTime"
-          width="160"
-        ></OTableColumn>
-      </OTable>
-      <OPagination
-        v-model:page-size="queryData.pageSize"
-        v-model:currentPage="queryData.page"
-        class="pagination"
-        :page-sizes="[10, 20, 40, 80]"
-        :layout="layout"
-        :total="total"
-        :background="true"
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-      >
-        <span class="slot-content">5/20</span>
-      </OPagination>
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.bulletin-main {
-  max-width: 1504px;
-  padding: var(--o-spacing-h2);
-  margin: var(--o-spacing-h1) auto;
-  margin-top: var(--o-spacing-h2);
-  background-color: var(--o-color-bg);
-  .input-container {
-    margin-top: var(--o-spacing-h1);
-    .o-input {
-      height: 48px !important;
-    }
-  }
-  .filter-card {
-    margin: var(--o-spacing-h4) 0;
-    .category {
-      display: inline-block;
-      width: 56px;
-      font-size: var(--o-font-size-text);
-      font-weight: 400;
-      color: var(--o-color-text2);
-      line-height: var(--o-line-height-text);
-      margin-right: var(--o-spacing-h4);
-    }
-    .category-item {
-      display: inline-block;
-      height: 28px;
-      border: none;
-      font-size: var(--o-font-size-text);
-      font-weight: 400;
-      color: var(--o-color-text3);
-      line-height: var(--o-line-height-text);
-
-      cursor: pointer;
-    }
-    .active {
-      display: inline-block;
-      border: 1px solid #002fa7;
-      color: #002fa7;
-      padding: 0px 12px;
-    }
-    .card-header {
-      padding-bottom: 14px;
-      border-bottom: 1px solid #ccc;
-      line-height: 54px;
-    }
-    .card-body {
-      padding-top: 19px;
-    }
-  }
-  .pagination {
-    margin: var(--o-spacing-h2) 0 var(--o-spacing-h1) 0;
-  }
-  .slot-content {
-    color: var(--o-color-text2);
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue b/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue
deleted file mode 100644
index 0fac794c626820d86626d75fda27b8dd6e66ae44..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/security/TheSafetyBulletinDetail.vue
+++ /dev/null
@@ -1,145 +0,0 @@
-<script lang="ts" setup>
-import { reactive, onMounted } from 'vue';
-import { useData } from 'vitepress';
-
-import { getSecurityDetail } from '@/api/api-security';
-import { DetailParams } from '@/shared/@types/type-bulletin-detail';
-import type { AxiosResponse } from '@/shared/axios';
-
-const { theme: i18n } = useData();
-
-const queryData: DetailParams = reactive({
-  securityNoticeNo: '',
-});
-
-function getSecurityDetailInfo(data: any) {
-  try {
-    getSecurityDetail(data).then((res: AxiosResponse) => {
-      return res;
-    });
-  } catch (e: any) {
-    throw new Error(e);
-  }
-}
-onMounted(() => {
-  const index1 = decodeURIComponent(window.location.href).indexOf('"');
-  const index2 = decodeURIComponent(window.location.href).indexOf(
-    '"',
-    index1 + 1
-  );
-  queryData.securityNoticeNo = decodeURIComponent(
-    window.location.href
-  ).substring(index1 + 1, index2);
-  getSecurityDetailInfo(queryData);
-});
-</script>
-<template>
-  <div class="wrapper">
-    <div class="breadcrumb">
-      <p class="last-page">{{ i18n.security.SECURITY_ADVISORIES }}</p>
-      <span class="separtor">></span>
-      <p class="current-page">{{ i18n.security.SECURITY_ADVISORIES_DETAIL }}</p>
-    </div>
-    <p class="bulletin-name">openEuler-SA-2021-1283</p>
-    <div class="bulletin-intro">
-      <p><span>概要</span>krb5 security update</p>
-      <p><span>发布时间</span>2021-07-27</p>
-    </div>
-    <div class="tabs-container">
-      <OTabs class="o-tabs">
-        <OTabPane label="概述">
-          <div class="tab-content">
-            <div class="tab-content-item">
-              <h5 class="tab-content-item-title">简介</h5>
-              <p class="tab-content-item-text">
-                An update for krb5 is now available for openEuler-20.03-LTS-SP1
-                and openEuler-20.03-LTS-SP2.
-              </p>
-            </div>
-          </div>
-        </OTabPane>
-        <OTabPane label="更新的软件包">
-          <div class="tab-content">更新的软件包</div>
-        </OTabPane>
-      </OTabs>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-:deep(.el-tabs__nav-scroll) {
-  display: flex;
-  justify-content: center;
-}
-.wrapper {
-  max-width: 1504px;
-  padding: var(--o-spacing-h2);
-  margin: 0 auto var(--o-spacing-h1);
-  background-color: var(--o-color-bg);
-}
-.breadcrumb {
-  margin-bottom: var(--o-spacing-h2);
-  color: var(--o-color-text2);
-  display: flex;
-  .last-page {
-    font-size: var(--o-font-size-tip);
-    font-family: FZLTHJW--GB1-0, FZLTHJW--GB1;
-    font-weight: normal;
-    color: var(--o-color-text3);
-    line-height: var(--o-line-height-tip);
-    cursor: pointer;
-  }
-  .separtor {
-    margin: 0 var(--o-spacing-h7);
-  }
-  .current-page {
-    font-size: var(--o-font-size-tip);
-    font-family: FZLTHJW--GB1-0, FZLTHJW--GB1;
-    font-weight: 600;
-    color: var(--o-color-text2);
-    line-height: var(--o-line-height-tip);
-  }
-}
-.bulletin-name {
-  font-size: var(--o-font-size-h3);
-  font-weight: normal;
-  color: var(--o-color-text2);
-  line-height: var(--o-line-height-h3);
-}
-.bulletin-intro {
-  font-size: var(--o-font-size-text);
-  font-weight: 400;
-  color: var(--o-color-text2);
-  line-height: var(--o-line-height-text);
-  margin: var(--o-spacing-h4) 0 var(--o-spacing-h3) 0;
-  span {
-    display: inline-block;
-    width: 100px;
-  }
-}
-.tabs-container {
-  // border-bottom: 1px solid var(--o-color-border);
-  .o-tabs {
-    .tab-content {
-      width: 100%;
-      padding: var(--o-spacing-h2);
-      background-color: var(--o-color-bg);
-      &-item {
-        margin-bottom: var(--o-spacing-h2);
-        &-title {
-          font-size: var(--o-font-size-h5);
-          font-weight: 500;
-          color: var(--o-color-text2);
-          line-height: var(--o-line-height-h5);
-          margin-bottom: 20px;
-        }
-        &-text {
-          font-size: var(--o-font-size-text);
-          font-weight: 400;
-          color: var(--o-color-text2);
-          line-height: var(--o-line-height-text);
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/showcase/TheShowCase.vue b/app/.vitepress/src/views/showcase/TheShowCase.vue
index b099a4a0d20bab9d862b6e71c2df3cfaca8084b4..a5be490c7a27a456800b01ee1e57f09b22c37d26 100644
--- a/app/.vitepress/src/views/showcase/TheShowCase.vue
+++ b/app/.vitepress/src/views/showcase/TheShowCase.vue
@@ -28,6 +28,8 @@ const tagClick = (i: number, type: string) => {
 // tag筛选及搜索传输的参数
 const data = ref({
   keyword: '',
+  page: 1,
+  pageSize: 10000,
   type: '',
 });
 // 根据tag筛选需要显示的案例
@@ -98,7 +100,14 @@ function goDetail(link: string, item: any) {
 function setCurrentCaseListAll() {
   getUserCaseData(data.value).then((res: any) => {
     if (res.status === 200 && res.obj.records) {
-      currentCaseListAll.value = res.obj.records;
+      const CaseListAll = res.obj.records;
+      CaseListAll.forEach((item: any, index: number) => {
+        if (item.summary === '') {
+          CaseListAll.splice(index, 1);
+          index--;
+        }
+      });
+      currentCaseListAll.value = CaseListAll;
     } else {
       currentCaseListAll.value = [];
     }
@@ -111,6 +120,19 @@ function searchCase() {
   activeIndex.value = 0;
   setCurrentCaseListAll();
 }
+function typeImgUrl(type: string) {
+  if (type === '金融') {
+    return '/img/showcase/finance.png';
+  } else if (type === '运营商') {
+    return '/img/showcase/provider.png';
+  } else if (type === '能源') {
+    return '/img/showcase/energy.png';
+  } else if (type === '物流') {
+    return '/img/showcase/logistics.png';
+  } else if (type === '其他') {
+    return '/img/showcase/others.png';
+  }
+}
 onMounted(() => {
   window.addEventListener('scroll', onscroll);
   getCaseTagData().then((res: any) => {
@@ -195,7 +217,7 @@ onUnmounted(() => {
           </a>
         </div>
         <div class="card-type-img">
-          <img :src="item.img" alt="" />
+          <img :src="typeImgUrl(item.industry)" alt="" />
         </div>
       </OCard>
     </div>
diff --git a/app/.vitepress/src/views/sig/sig-detail/TheSigDetail.vue b/app/.vitepress/src/views/sig/sig-detail/TheSigDetail.vue
deleted file mode 100644
index 732eb01c41d4f4671b500c120ff1803037321111..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/sig/sig-detail/TheSigDetail.vue
+++ /dev/null
@@ -1,332 +0,0 @@
-<script setup lang="ts">
-import { computed, ref, onMounted } from 'vue';
-import { useData } from 'vitepress';
-
-import BreadCrumbs from '@/components/BreadCrumbs.vue';
-import AppCalendar from '@/components/AppCalendar.vue';
-
-import { getSigDetail, getSigMember } from '@/api/api-sig';
-
-import IconArrowRight from '~icons/app/right.svg';
-
-const { theme: i18n, lang } = useData();
-
-function GetUrlParam(paraName: any) {
-  const url = document.location.toString();
-  const arrObj = url.split('?');
-  if (arrObj.length > 1) {
-    const arrPara = arrObj[1].split('&');
-    let arr;
-    for (let i = 0; i < arrPara.length; i++) {
-      arr = arrPara[i].split('=');
-      if (arr !== null && arr[0] === paraName) {
-        return arr[1];
-      }
-    }
-    return '';
-  } else {
-    return '';
-  }
-}
-
-const sidDetailId: number = parseInt(GetUrlParam('id'));
-
-const sigDetail = computed(() => {
-  return i18n.value.sig.SIG_DETAIL;
-});
-const sigMeetingData: any = ref('');
-const sigMemberData: any = ref('');
-const memberList: any = ref([]);
-const memberCurLen = ref(0);
-function getSigDetails() {
-  try {
-    getSigDetail(sidDetailId).then((res: any) => {
-      sigMeetingData.value = res;
-    });
-  } catch (error) {
-    throw Error();
-  }
-}
-function getSigMembers() {
-  try {
-    getSigMember(sidDetailId).then((res: any) => {
-      sigMemberData.value = res;
-      memberList.value = JSON.parse(res.owners);
-      memberCurLen.value = memberList.value.length;
-      if (memberList.value.length > 4) {
-        memberCurLen.value = 4;
-      }
-      memberList.value = memberList.value.slice(0, memberCurLen.value);
-    });
-  } catch (error) {
-    throw Error();
-  }
-}
-onMounted(() => {
-  getSigDetails();
-  getSigMembers();
-});
-</script>
-<template>
-  <div class="sig-detail">
-    <BreadCrumbs
-      bread1="SIG"
-      :bread2="sigMemberData.group_name"
-      link1="/zh/sig/sig-list/"
-    />
-    <div class="content">
-      <h3>{{ sigMemberData.group_name }}</h3>
-      <div class="brief-introduction">
-        <h4>{{ sigDetail.INTRODUCTION }}</h4>
-        <p v-if="sigMemberData.description" class="no-meeting">
-          {{ sigMemberData.description }}
-        </p>
-        <p v-else class="no-meeting">
-          {{ i18n.sig.SIG_DETAIL.SIG_EMPTY_TEXT1
-          }}<a
-            target="_blank"
-            :href="
-              'https://gitee.com/openeuler/community/tree/master/sig/' + 'a-tm'
-            "
-            >{{ i18n.sig.SIG_DETAIL.SIG_EMPTY_TEXT2 }}</a
-          >{{ i18n.sig.SIG_DETAIL.SIG_EMPTY_TEXT3 }}
-        </p>
-        <p class="email">
-          <span>{{ sigDetail.MAIL_LIST }}:</span>
-          <a href="mailto:a-tune@openeuler.org">a-tune@openeuler.org</a>
-        </p>
-      </div>
-      <div class="meeting">
-        <h5>{{ sigDetail.ORGANIZING_MEETINGS }}</h5>
-        <div v-if="sigMeetingData.tableData" class="calender-wrapper">
-          <AppCalendar :table-data="sigMeetingData.tableData" />
-        </div>
-        <p v-else class="no-meeting">
-          {{ sigDetail.NO_MEETINGS }}
-        </p>
-      </div>
-      <div class="member">
-        <h5>{{ sigDetail.MEMBERS }}</h5>
-        <ul>
-          <li v-for="item in memberList" :key="item.gitee_id">
-            <div class="member-img">
-              <img :src="item.avatar_url" alt="yangdi" />
-            </div>
-            <p class="name">{{ item.gitee_id }}</p>
-            <p class="introduction">
-              <span
-                v-for="(itemIntroduction, itemIndex) in item.sigs"
-                :key="itemIndex"
-                >{{ itemIntroduction }}{{ ' ' }}</span
-              >
-              <span>SIG Maintainer</span>
-            </p>
-          </li>
-        </ul>
-      </div>
-      <div class="recent-event">
-        <h5>{{ sigDetail.LATEST_DYNAMIC }}</h5>
-        <div class="dynamic">
-          <div class="item">
-            <div class="header">
-              <span class="left">{{ sigDetail.BLOG }}</span>
-              <a class="right">
-                <span>{{ sigDetail.MORE }}</span>
-                <OIcon class="icon-more">
-                  <IconArrowRight />
-                </OIcon>
-              </a>
-            </div>
-            <ul class="body">
-              <li class="empty">
-                {{ sigDetail.BLOG_EMPTY1
-                }}<a
-                  :href="'/' + lang + '/interaction/post-blog/'"
-                  target="_blank"
-                  >{{ sigDetail.BLOG_EMPTY2 }}</a
-                >{{ sigDetail.BLOG_EMPTY3 }}
-              </li>
-            </ul>
-          </div>
-          <div class="item">
-            <div class="header">
-              <span class="left">{{ sigDetail.NEWS }}</span>
-              <a class="right">
-                <span>{{ sigDetail.MORE }}</span>
-                <OIcon class="icon-more">
-                  <IconArrowRight />
-                </OIcon>
-              </a>
-            </div>
-            <ul class="body">
-              <li class="empty">
-                {{ sigDetail.NEWS_EMPTY
-                }}<a
-                  href="https://gitee.com/openeuler/website-v2/blob/master/web-ui/docs/zh/interaction/post-news/README.md"
-                  target="_blank"
-                  >{{ sigDetail.NEWS_EMPTY3 }}</a
-                >{{ sigDetail.NEWS_EMPTY4 }}
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-.sig-detail {
-  max-width: 1504px;
-  padding: 0 44px;
-  margin: 0 auto var(--o-spacing-h1);
-  .content {
-    width: 100%;
-    padding: var(--o-spacing-h2);
-    background-color: var(--o-color-bg);
-    h3 {
-      font-size: var(--o-font-size-h3);
-      line-height: var(--o-line-height-h3);
-      color: var(--o-color-text2);
-      font-weight: 500;
-    }
-    .brief-introduction {
-      margin-top: var(--o-spacing-h2);
-      h4 {
-        font-size: var(--o-font-size-h5);
-        line-height: var(--o-line-height-h5);
-        color: var(--o-color-text2);
-      }
-      p {
-        margin-top: var(--o-spacing-h5);
-        font-size: var(--o-font-size-text);
-        line-height: 22px;
-        color: var(--o-color-text3);
-      }
-    }
-    .meeting {
-      margin-top: var(--o-spacing-h2);
-      color: var(--o-color-text2);
-      h5 {
-        font-size: var(--o-font-size-h6);
-        line-height: var(--o-line-height-h6);
-      }
-      .schedule {
-        margin-top: var(--o-spacing-h4);
-        .calendar {
-          width: 448px;
-        }
-      }
-    }
-    .member {
-      margin-top: var(--o-spacing-h2);
-      color: var(--o-color-text2);
-      h5 {
-        font-size: var(--o-font-size-h6);
-        line-height: var(--o-line-height-h6);
-      }
-      ul {
-        // display: flex;
-        // margin-top: var(--o-spacing-h4);
-        padding: 0 var(--o-spacing-h7);
-        display: flex;
-        justify-content: start;
-        flex-wrap: wrap;
-        li {
-          flex: 0 0 25%;
-          text-align: center;
-          margin-top: var(--o-spacing-h5);
-          @media (max-width: 1080px) {
-            flex: 0 0 50%;
-          }
-          .member-img {
-            width: 120px;
-            height: 120px;
-            display: block;
-            margin: 0 auto;
-            img {
-              width: 120px;
-              height: 120px;
-              border-radius: 50%;
-            }
-          }
-
-          .name {
-            margin-top: var(--o-spacing-h5);
-            font-size: var(--o-font-size-h8);
-            line-height: var(--o-line-height-h8);
-          }
-          .introduction {
-            font-size: var(--o-font-size-tip);
-            line-height: var(--o-line-height-tip);
-          }
-        }
-      }
-    }
-    .recent-event {
-      margin-top: var(--o-spacing-h2);
-      color: var(--o-color-text2);
-      h5 {
-        font-size: var(--o-font-size-h6);
-        line-height: var(--o-line-height-h6);
-      }
-      .dynamic {
-        display: grid;
-        width: 100%;
-        grid-template-columns: repeat(2, 1fr);
-        grid-gap: 24px;
-        margin-top: var(--o-spacing-h4);
-        .item {
-          max-width: 656px;
-          padding: 40px;
-          background-color: var(--o-color-bg2);
-          border: 1px solid transparent;
-          .header {
-            display: flex;
-            width: 100%;
-            justify-content: space-between;
-            .left {
-              font-size: var(--o-font-size-h6);
-              line-height: var(--o-line-height-h6);
-              font-weight: 600;
-              &::after {
-                display: block;
-                content: '';
-                width: 20px;
-                height: 2px;
-                background-color: var(--o-color-brand);
-              }
-            }
-            .right {
-              font-size: var(--o-font-size-text);
-              line-height: 22px;
-              cursor: pointer;
-              .icon-more {
-                font-size: var(--o-font-size-h8);
-                margin-left: var(--o-spacing-h8);
-                position: relative;
-                top: 2px;
-                color: var(--o-color-brand);
-              }
-            }
-          }
-          .body {
-            margin-top: var(--o-spacing-h4);
-            font-size: var(--o-font-size-text);
-            line-height: 22px;
-          }
-          &:hover {
-            background-color: var(--o-color-bg);
-            border: 1px solid var(--o-color-brand_hover);
-            box-shadow: var(--o-shadow-overlay);
-          }
-        }
-      }
-    }
-  }
-}
-@media (max-width: 1100px) {
-  .sig-detail {
-    padding: 0 16px;
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/sig/sig-list/ExamineSig.vue b/app/.vitepress/src/views/sig/sig-list/ExamineSig.vue
deleted file mode 100644
index 0d5edc480383430580885cde5616042059529006..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/sig/sig-list/ExamineSig.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<!--
- * @Author: xjc 2324881835@qq.com
- * @Date: 2022-07-18 16:18:31
- * @LastEditors: xjc 2324881835@qq.com
- * @LastEditTime: 2022-07-22 17:21:26
- * @FilePath: \openEuler-portal\app\.vitepress\src\views\sig\sig-list\SigList.vue
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
--->
-<script setup lang="ts">
-import { useData } from 'vitepress';
-import { onMounted, ref } from 'vue';
-import { getSigList } from '@/api/api-sig';
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-import TheSigList from './TheSigList.vue';
-import TheSigBoard from './TheSigBoard.vue';
-import TheSigLandscape from './TheSigLandscape.vue';
-import banner from '@/assets/banner-secondary.png';
-import illustration from '@/assets/illustrations/search.png';
-
-const { theme: i18n } = useData();
-const sigList: any = ref([]);
-
-onMounted(() => {
-  try {
-    getSigList().then((res) => {
-      sigList.value = res;
-    });
-  } catch (error) {
-    throw Error();
-  }
-});
-</script>
-
-<template>
-  <header>
-    <BannerLevel2
-      :background-image="banner"
-      :illustration="illustration"
-      title="SIG"
-      :subtitle="i18n.sig.SIG_DESCRIPTION.MEANING"
-    />
-  </header>
-  <div class="sig-ul">
-    <ul>
-      <li>{{ i18n.sig.SIG_DESCRIPTION.LI1 }}</li>
-      <li>{{ i18n.sig.SIG_DESCRIPTION.LI2 }}</li>
-      <li>{{ i18n.sig.SIG_DESCRIPTION.LI3 }}</li>
-    </ul>
-  </div>
-  <main>
-    <div class="sig-list">
-      <OTabs>
-        <OTabPane label="SIG List">
-          <TheSigList :sig-list="sigList" />
-        </OTabPane>
-        <OTabPane label="SIG Board" lazy>
-          <TheSigBoard :sig-list="sigList" />
-        </OTabPane>
-        <OTabPane label="SIG Landscape">
-          <TheSigLandscape />
-        </OTabPane>
-      </OTabs>
-    </div>
-  </main>
-</template>
-<style lang="scss" scoped>
-.sig-ul {
-  font-size: var(--o-font-size-text);
-  font-family: PingFangSC-Regular, PingFang SC;
-  font-weight: 400;
-  line-height: var(--o-line-height-h8);
-  color: var(--o-color-text2);
-  max-width: 1380px;
-  margin: var(--o-spacing-h1) auto;
-  ul {
-    list-style: disc;
-    li {
-      margin-top: var(--o-spacing-h8);
-    }
-  }
-  @media (max-width: 1080px) {
-    margin: 0px var(--o-spacing-h4);
-  }
-}
-.sig-list {
-  max-width: 1380px;
-  margin: var(--o-spacing-h1) auto;
-  @media (max-width: 1080px) {
-    margin: 0px var(--o-spacing-h4);
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/sig/sig-list/TheSigBoard.vue b/app/.vitepress/src/views/sig/sig-list/TheSigBoard.vue
deleted file mode 100644
index 661d2a96c736fd82ce742d443657c4cea2929942..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/sig/sig-list/TheSigBoard.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<script setup lang="ts">
-import { useData, useRouter } from 'vitepress';
-
-const configData = useData();
-const { theme: i18n } = useData();
-const router = useRouter();
-const language = configData.lang;
-
-defineProps({
-  sigList: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const toSigDetail = (value: any) => {
-  router.go(`/${language.value}/sig/sig-detail/?id=${value.id}`);
-};
-</script>
-
-<template>
-  <div>
-    <ul class="sig-list">
-      <li
-        v-for="(item,index) in (sigList as any)"
-        :key="index"
-        class="sig-list-item"
-      >
-        <h2 @click="toSigDetail(item)">{{ item.group_name }}</h2>
-        <ul class="sig-list-item-info">
-          <li class="sig-list-item-info-page">
-            <img src="@/assets/svg-icons/icon-home.svg" />
-            <span>
-              <a target="_black" :href="item.home_page">
-                {{ i18n.sig.SIG_LIST.HOME_PAGE }}
-              </a>
-            </span>
-          </li>
-          <li class="sig-list-item-info-mail">
-            <img src="@/assets/svg-icons/icon-mail.svg" />
-            <span
-              >{{ i18n.sig.SIG_LIST.MAIL }} :
-              <a :href="'mailto:' + item.maillist">
-                {{ item.maillist }}
-              </a>
-            </span>
-          </li>
-          <li class="sig-list-item-info-video">
-            <img src="@/assets/svg-icons/icon-video.svg" />
-            <span> {{ i18n.sig.SIG_LIST.IRC }} : {{ item.irc }} </span>
-          </li>
-          <li class="sig-list-item-info-user">
-            <img src="@/assets/svg-icons/icon-user.svg" />
-            <span>{{ i18n.sig.SIG_LIST.MANAGER }} :</span>
-          </li>
-        </ul>
-        <ul class="sig-list-item-admin">
-          <li
-            v-for="subItem in JSON.parse(item.owners).slice(0, 4)"
-            :key="subItem.gitee_id"
-          >
-            <img :src="subItem.avatar_url" />
-            <span>{{ subItem.gitee_id }}</span>
-          </li>
-        </ul>
-      </li>
-    </ul>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.sig-list {
-  column-count: 2;
-  column-gap: var(--o-spacing-h1);
-  max-width: 1340px;
-  margin: 0 auto;
-  @media (max-width: 1080px) {
-    column-count: 1;
-    column-gap: 0;
-    padding: 0 var(--o-spacing-h5);
-  }
-  &-item {
-    max-width: 530px;
-    box-shadow: var(--o-shadow-base);
-    border-radius: var(--o-spacing-h8);
-    margin-bottom: var(--o-spacing-h1);
-    break-inside: avoid;
-    padding: var(--o-spacing-h2);
-    background-color: var(--o-color-bg);
-    @media (max-width: 1080px) {
-      width: 100%;
-      padding: var(--o-spacing-h3) var(--o-spacing-h3) 0 var(--o-spacing-h3);
-    }
-    h2 {
-      padding-bottom: var(--o-spacing-h7);
-      word-break: keep-all;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      cursor: pointer;
-      color: var(--o-color-text2);
-      &:hover {
-        color: var(--o-color-brand_hover);
-      }
-    }
-    &-info {
-      color: var(--o-color-text2);
-      @media (max-width: 1080px) {
-        margin-top: var(--o-spacing-h7);
-      }
-      &-mail {
-        word-break: normal;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-      li {
-        margin-top: var(--o-spacing-h7);
-        img {
-          width: var(--o-line-height-h8);
-          height: var(--o-line-height-h8);
-          margin-right: var(--o-spacing-h8);
-          vertical-align: middle;
-        }
-      }
-    }
-    &-admin {
-      padding: 0 var(--o-spacing-h7);
-      display: flex;
-      justify-content: start;
-      flex-wrap: wrap;
-      li {
-        flex: 0 0 25%;
-        text-align: center;
-        margin-top: var(--o-spacing-h5);
-        @media (max-width: 1080px) {
-          flex: 0 0 50%;
-        }
-        img {
-          width: 70px;
-          height: 70px;
-          display: block;
-          margin: 0 auto;
-          border-radius: 50%;
-          @media (max-width: 1080px) {
-            margin-bottom: var(--o-spacing-h4);
-          }
-        }
-        span {
-          display: inline-block;
-          margin-top: var(--o-spacing-h6);
-          color: var(--o-color-text2);
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/sig/sig-list/TheSigLandscape.vue b/app/.vitepress/src/views/sig/sig-list/TheSigLandscape.vue
deleted file mode 100644
index 239a178b7474aa090671cdacb692a24a6dc2e676..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/sig/sig-list/TheSigLandscape.vue
+++ /dev/null
@@ -1,99 +0,0 @@
-<script setup lang="ts">
-import { useData } from 'vitepress';
-
-const { theme: i18n } = useData();
-</script>
-
-<template>
-  <div class="landscape">
-    <div
-      v-for="(item, fIndex) in i18n.sig.SIG_LANDSCAPE"
-      :key="fIndex"
-      class="sig-category-wrapper"
-    >
-      <h2>{{ item.CATEGORY_NAME }}</h2>
-      <ul class="sig-category-list">
-        <li
-          v-for="(subItem, index) in item.SUB_LIST"
-          :key="index"
-          class="sig-category-item"
-          :style="{ borderColor: subItem.COLOR }"
-        >
-          <h3 :style="{ backgroundColor: subItem.COLOR }">
-            {{ subItem.SUB_CATEGORY_NAME }}
-          </h3>
-          <ul class="sig-list">
-            <li
-              v-for="(followItem, followIndex) in subItem.LIST"
-              :key="followIndex"
-              :style="{ borderColor: subItem.COLOR }"
-              :class="followItem.IS_WIDER ? 'wider' : ''"
-            >
-              {{ followItem.NAME }}
-            </li>
-          </ul>
-        </li>
-      </ul>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.landscape {
-  max-width: 1340px;
-  margin: 0 auto;
-  .sig-category-wrapper {
-    margin-bottom: var(--o-spacing-h1);
-    h2 {
-      font-size: var(--o-font-size-h5);
-      line-height: var(--o-line-height-h7);
-      color: var(--o-color-text2);
-      font-weight: normal;
-      margin-bottom: var(--o-spacing-h4);
-      text-align: center;
-    }
-    .sig-category-list {
-      column-count: 2;
-      column-gap: 20px;
-      .sig-category-item {
-        break-inside: avoid;
-        border: 1px solid;
-        border-radius: 4px;
-        margin-bottom: var(--o-spacing-h4);
-        h3 {
-          font-size: var(--o-font-size-h8);
-          line-height: var(--o-line-height-h7);
-          color: var(--o-color-text);
-          font-weight: normal;
-          text-align: center;
-          line-height: var(--o-line-height-h3);
-        }
-        .sig-list {
-          padding: 20px 10px 10px 20px;
-          margin-bottom: unset;
-          column-count: unset;
-          column-gap: unset;
-          display: flex;
-          flex-wrap: wrap;
-          li {
-            flex-shrink: 0;
-            width: 162px;
-            text-align: center;
-            color: var(--o-color-text2);
-            font-size: var(--o-font-size-text);
-            line-height: var(--o-line-height-h5);
-            height: var(--o-line-height-h5);
-            border: 1px solid;
-            border-radius: 4px;
-            margin: 0 10px 10px 0;
-            cursor: pointer;
-          }
-          .wider {
-            width: 248px;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/app/.vitepress/src/views/sig/sig-list/TheSigList.vue b/app/.vitepress/src/views/sig/sig-list/TheSigList.vue
deleted file mode 100644
index 2535d68bfd435b3aa083cf0bcb4dc1f339ba06ba..0000000000000000000000000000000000000000
--- a/app/.vitepress/src/views/sig/sig-list/TheSigList.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<script setup lang="ts">
-import { useData, useRouter } from 'vitepress';
-
-const configData = useData();
-const { theme: i18n } = useData();
-const router = useRouter();
-const language = configData.lang;
-
-defineProps({
-  sigList: {
-    type: Array,
-    default: () => [],
-  },
-});
-
-const toSigDetail = (value: any) => {
-  router.go(`/${language.value}/sig/sig-detail/?id=${value.id}`);
-};
-</script>
-
-<template>
-  <OTable :data="sigList">
-    <el-table-column :label="i18n.sig.SIG_LIST.NAME">
-      <template #default="scope">
-        <a target="_blank" @click="toSigDetail(scope.row)">
-          {{ scope.row.group_name }}
-        </a>
-      </template>
-    </el-table-column>
-    <el-table-column :label="i18n.sig.SIG_LIST.HOME_PAGE">
-      <template #default="scope">
-        <a :href="scope.row.home_page" target="_blank">
-          <img src="@/assets/homePageLogo.png" />
-        </a>
-      </template>
-    </el-table-column>
-    <el-table-column :label="i18n.sig.SIG_LIST.MAIL">
-      <template #default="scope">
-        <a :href="'mailto:' + scope.row.maillist" target="_blank">
-          {{ scope.row.maillist }}
-        </a>
-      </template>
-    </el-table-column>
-    <OTableColumn :label="i18n.sig.SIG_LIST.IRC" prop="irc"></OTableColumn>
-  </OTable>
-</template>
diff --git a/app/en/download/index.md b/app/en/download/index.md
deleted file mode 100644
index 1f698762fb699b820e1183fda8524bb30112a8e9..0000000000000000000000000000000000000000
--- a/app/en/download/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheDownload from "@/views/download/TheDownload.vue"
-</script>
-
-<TheDownload />
diff --git a/app/en/index.md b/app/en/index.md
deleted file mode 100644
index 529ca30419698eaeaaec09e08bc83addc37b41d1..0000000000000000000000000000000000000000
--- a/app/en/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheHome from "@/views/home/TheHome.vue"
-</script>
-
-<TheHome />
diff --git a/app/en/mirror/index.md b/app/en/mirror/index.md
deleted file mode 100644
index 0b715cc9df467ea47d1b3daa621ec51a27ed1e66..0000000000000000000000000000000000000000
--- a/app/en/mirror/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheMirList from "@/views/download/TheMirList.vue"
-</script>
-
-<TheMirList />
diff --git a/app/en/other/brand/index.md b/app/en/other/brand/index.md
deleted file mode 100644
index 7c858a257c9a19403ee41d6e78ac88ec1407074d..0000000000000000000000000000000000000000
--- a/app/en/other/brand/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheBrand from "@/views/brand/TheBrand.vue"
-</script>
-
-<TheBrand />
diff --git a/app/en/other/legal/index.md b/app/en/other/legal/index.md
deleted file mode 100644
index b915e5ff1d1beb904af183bf80d21ee39f5642bb..0000000000000000000000000000000000000000
--- a/app/en/other/legal/index.md
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: '法律声明'
-tags: legal
----
-
-<!--  TODO: BANNER -->
-<script setup>
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-</script>
-
-<ClientOnly>
-  <BannerLevel2
-    :background-image="banner"
-    background-text="LEGAL"
-    title="LEGAL NOTICE"
-    :illustration="search"
-  />
-</ClientOnly>
-<div class="markdown" style="margin-top:var(--o-spacing-h1)">
-
-This legal notice contains legal policies for the openEuler community. These policies govern this site and project releases hosted by the openEuler community.
-
-## Acceptance of Terms
-
-By accessing this website (<https://www.openeuler.org/en/>), you acknowledge that you have read, understood and agreed to the following terms. In case you do not understand or agree to any of the terms, you should immediately exit this website. The openEuler community reserve the rights to update these terms according to applicable laws, regulations, and market changes at any time without notice to you. In the case of any violation against the provision of these terms, the openEuler community shall have the right to seek legal and fair remedies.
-
-## Protection of Personal Information
-
-The openEuler community respects personal information of any individual who accesses this website. When you visit this website, you may be asked to provide basic personal information (such as your name, email address, and contact information). You can choose whether to provide such information. The personal information you provide will be kept confidential in accordance with the applicable laws of the People's Republic of China (PRC). The information will not be provided or disclosed to any third party in any way, except in any of the following cases:
-
-(1) Sharing with your explicit consent. After notifying you of the third party's name, contact information, processing purpose, processing method, and personal information type, and obtaining your explicit consent, the openEuler community will share the information within the scope of your authorization to the third party.
-
-(2) Sharing under legal circumstances. Your personal information is required to be shared according to applicable laws and regulations, legal procedures, litigation/arbitration, government's compulsory orders, and regulatory requirements.
-
-(3) To the extent required or permitted by law, it is necessary to provide your personal information to third parties to protect your or the public's interests, property, or security from being damaged.
-
-(4) To protect national security or public security of the PRC, or the legitimate rights and interests of you and other individuals, it is necessary to share your personal information.
-
-(5) Your personal information is made public by yourself or has been legally made public.
-
-## General Disclaimer
-
-Although the openEuler community has attempted to provide accurate information on this website, including but not limited to text, images, data, opinions, advice, web pages, and links, it assumes no responsibility for the accuracy, completeness, adequacy, and reliability of such information, or incorrectness or loss of such information. The openEuler community disclaims all warranties, expressed or implied, including, without limitation, those of ownership, proprietorship, quality, and the absence of viruses. The openEuler community may update the information on this website at any time without notice. To obtain the latest information, you shall regularly visit this website. The mention of non-openEuler community products or services is for information purposes only and constitutes neither an endorsement nor a recommendation. The openEuler community does not provide any statement, guarantee, or authorization for any of the products or services appearing on the website. The information published by the BBS service on this website, including but not limited to the user names, company names, contacts, images, and other information, is provided by the community members, who shall assume full responsibility for such information. Any entity or individual who suspects that the content on this website (including but not limited to the commodity information posted by openEuler community members on this website) infringes upon legal rights or interests shall notify the openEuler community <contact@openeuler.io> in written form and provide the identity, ownership certification, associated link (URL), and proof of infringement. The openEuler community will remove the content related to the alleged infringement by law upon receiving the foregoing legal documents.
-
-## Copyrights
-
-All contents on this website are copyrighted by the openEuler community unless otherwise stated. Without prior written consent of the openEuler community or other related parties, any content on this website shall not be reproduced, modified, promoted, distributed, photocopied, played, disassembled, reverse engineered, decompiled, linked or transmitted with hyperlinks, loaded into other servers in "mirroring method", stored in information retrieval system, or otherwise used for any other purpose by any person by any means, except the downloading or printing of it by users for non-commercial purposes (provided that the preceding downloaded or printed information is not modified, and the statement of copyrights or any other proprietary rights contained in such information is reserved).
-
-## Trademarks
-
-All logos, trademarks, and service marks displayed, mentioned, or otherwise used in this website are the property of the openEuler community or other third parties as stated if applicable. You are not permitted to use any of these trademarks or logos without explicit prior written consent of the openEuler community or any third party which may own the marks.
-
-## Links to Third Parties
-
-Although links to third-party websites may be contained in this website, the openEuler community shall not be responsible for the accuracy, completeness, adequacy, and reliability of any information, data, opinions, images, advice, or statements on any of such websites. The openEuler community provides such links for convenience only. The inclusion of such links does not imply an endorsement by the openEuler community of the websites or their entities, products, or services.
-
-## Website Updates and Changes
-
-The contents on this website are provided for your convenience only. The openEuler community reserves the right to change or update the contents on this website at any time without notice to you or any third parties. You acknowledge and accept the above changes or updates. You are advised to visit this website regularly to obtain information about updates or changes in a timely manner.
-
-## Applicable Law and Dispute Resolution
-
-You agree that your access and all related activities on or through this website shall be governed by, construed, and interpreted in accordance with the laws of the PRC. You agree that any dispute between the parties arising out of or in connection with this legal notice or your access and all related activities on or through this website shall be governed by a court with jurisdiction in Shenzhen, Guangdong Province of the People's Republic of China.
-
-</div>
diff --git a/app/en/other/privacy/index.md b/app/en/other/privacy/index.md
deleted file mode 100644
index 11e4720380e66f984c22acedc5226ff720bd2479..0000000000000000000000000000000000000000
--- a/app/en/other/privacy/index.md
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: "Privacy"
-module: privacy
----
-
-<div class='markdown'>
-
-The openEuler Community ("Community") understands the importance of your privacy and fully respects it. <u>**Please read this openEuler Community Privacy Statement ("Statement") carefully before you submit your personal data to us.**</u> If you have any questions about how we process your personal data, please feel free to contact us. Unless otherwise specified, "we" and "us" in this Statement refers to the Community.
-
-## 1. How We Collect and Process Your Personal Data
-
-We generally do not require your personal data if you only browse the general content of the Community. We will collect your personal data accordingly in the following circumstances:
-
-(a) Mail Subscription. When you use our mail subscription service, we will collect your <u>**email address and name (optional)**</u>. We will provide you with the email subscription service through this email address to facilitate your participation in discussions in the Community.
-
-(b) Service Optimization. For the purpose of operating the Community and providing better services, we will deploy a trusted third-party plugin to collect information from your browser, computer, and mobile device, including but not limited to your <u>**IP address, access source, number of visits to the Community, stay duration, access timestamp, browser type, and server type and version**</u>, etc. We do this to help us improve the overall accuracy of information and better tailor our interactions with you.
-
-(c) Contributor License Agreement ("CLA") Signing. When signing the CLA ([<u>learn more</u>](https://clasign.osinfra.cn/sign/Z2l0ZWUlMkZvcGVuZXVsZXI=)) before contribution, you need to submit required personal data to the CLA signing system. We will acquire such personal data to verify whether you have signed the CLA, and to conduct relevant statistical analysis about operations of the Community.
-
-We may also supplement the personal data we collect from you with additional personal data we receive from third parties, including other platforms, communities, or legal and public channels within the scope of your authorization and consent. We promise to process your personal data in strict accordance with applicable laws and regulations. Please read the privacy statements and user agreements of the third parties carefully. If your personal data provided by a third party is required for using related services of the Community, but you refuse to allow the third party to collect, use, transfer, or share your personal data when the third party provides services, you may not be able to use related services of the Community. For example, when you use an authorized third-party account to log in to the Community, we will obtain your personal data from the third party with your consent.
-
-## 2. How We Use Cookies and Similar Technologies
-
-(a) To ensure our website works properly, we may at times place cookies on your computer or mobile device. A cookie is a small data file placed on your computer or mobile device used to access a website. The content of a cookie can be retrieved or read only by the server that creates the cookie. We use cookies and similar technologies for understanding how you interact with our websites, helping you efficiently browse pages, storing and honoring your preferences, improving your browsing experience, and fulfilling other legitimate purposes.
-
-(b) We categorize cookies on our websites into two categories:
-
-​     (1) Required cookies: used for login and verification. When you log in to the website with your Huawei ID, cookies improve your Web browsing experience.
-
-​     (2) Statistical analysis cookies: We collect information about your use of our services, including your single or multiple visits, which help us understand how you interact with the services. We use the statistical analysis plugin provided by Baidu.
-
-Many services require cookies. If you do not allow cookies related to these services, you may not be able to use these services or specific functions of these services.
-
-(c) **Do Not Track**. Many Web browsers provide the **Do Not Track** function, which sends **Do Not Track** requests to websites. Currently, major Internet standardization organizations have not established policies to specify how websites should handle these requests. If you enable **Do Not Track** or similar functions that your browser may provide, we will not change the way your data is collected and used as described in this Statement. However, we reserve the right to respond to your **Do Not Track** request and stop collecting your data without prior notice.
-
-(d) **Your Choice**. Most browsers allow you to delete or reject cookies. To do this, follow the instructions in the browser settings. By default, many browsers accept cookies until you change your settings.
-
-## 3. How We Share Your Personal Data
-
-Sharing means providing third parties with your personal data. The third parties and we would handle the personal data independently. We do not share your personal data with third parties without your consent, except in the following circumstances or as described in this Statement:
-
-(a) **Sharing under your instruction**. We may share your personal data with your consent and under your instruction to the third parties indicated by you.
-
-(b) **For compliance, fraud prevention, and safety**. We may share your personal data for the purposes of compliance, fraud prevention, and safety.
-
-(c) **Affiliates**. We may share your personal data with our affiliates, for the purposes of transaction support, service support, or security support.
-
-(d) **Partners**. We may share your personal data with our partners. However, we will share your personal data only for legitimate, justified, necessary, specified, and explicit purposes, and share only the personal data necessary for providing our services. Our partners may include:
-
-​     (1) **Developers, platforms, and social media networks**. Some products or services may be directly provided to you by third parties. In this case, we need to provide them with the transaction information. If you associate our services or products with third-party platforms or social media networks (for example, direct login through a third-party website, virtual login, or associated login), we may disclose your personal data with your authorization. We do not control the third party's use of your personal data.
-
-
-​     (2) **Service suppliers or professional service providers**. We may share your personal data with third-party companies and individuals that provide services on our behalf or help us operate the websites and services (such as supply, infrastructure support, hosting, customer support, marketing and analytics, and data processing services). We share such data only for purposes consistent with this Statement or under your authorization. We may disclose your personal data to professional advisors, such as auditors, insurers, bankers, and lawyers, where necessary in the course of the professional services that they render to us.
-
-When we share your personal data with affiliates or partners, their responsibilities and obligations will be governed by contracts and we will require them to take appropriate measures to ensure the security of the personal data processed.
-
-## 4. How Long We Retain Your Personal Data For
-
-We will retain your personal data for no longer than is necessary for the purposes set out in this Statement, unless otherwise required by laws or requested by you.
-
-Generally, we will store or retain your personal data within the retention period according to applicable laws or service agreements from the date when we obtain your personal data in the Community. If your personal data has exceeded the retention period and no law requires us to continue processing your specific personal data, we will delete your personal data or anonymize it according to applicable laws and regulations.
-
-## 5. How We Protect Your Personal Data
-
-We take the security of your personal data seriously. We take appropriate physical, organizational, and technical measures to protect your personal data. For example, we use encryption technologies to ensure the confidentiality of data; we implement protection mechanisms to protect data from attacks; we deploy access control mechanisms to ensure that only authorized personnel can access your personal data; and we hold security and privacy protection training. <u>**In a word, we are committed to protecting your personal data. Nevertheless, no security measure is perfect and no product, service, website, data transfer, computing system, or network connection is absolutely secure.**</u>
-
-##  6. How We Access or Control Your Personal Data
-
-In accordance with applicable laws and regulations, you may have the following rights regarding your personal data:
-
-(a) Access the personal data we hold about you and obtain copies thereof;
-
-(b) Request us to update or correct your personal data;
-
-(c) Request us to erase your personal data;
-
-(d) Object to our processing of your personal data;
-
-(e) Restrict our processing of your personal data;
-
-(f) Lodge a complaint with the competent data protection authority.
-
-Please note that these rights are not absolute and may be restricted in accordance with applicable laws. If you need our assistance in exercising the requests or rights above, please contact us as set out in the "How to Contact Us" section below.
-
-<u>**Generally, we will respond to you within one month, unless otherwise required by applicable laws. Depending on the complexity of your requests, we may extend the period by two further months. In this case, we will inform you of the extension and its reasons within one month of receiving your request.**</u> Please note that under some circumstances, for example where we cannot verify your identity, or your claim exceeds your rights under applicable laws, we may refuse your request. In this case, we will inform you in written form that your request is refused together with the reasons for our refusal.
-
-You can change the scope of your authorization for us to collect your personal data or withdraw your authorization. However, your decision to withdraw your consent or authorization does not affect any previous processing of personal data based on your authorization.
-
-## 7. Where Your Personal Data Is Stored
-
-We provide products and services for you through our global resources and servers. Your personal data collected by us may be stored in the countries or regions where we, our affiliates, service providers, and subcontractors are located. This means that your personal data may be transferred to other jurisdictions outside the country or region where the product or service you use is located, or may be accessed from these jurisdictions.
-
-Jurisdictions where such personal data is stored may have laws that protect personal data to varying degrees or may not have personal data protection laws. We will ensure that your personal data is protected by applicable laws and regulations as well as this Statement.
-
-## 8. How This Statement Is Updated
-
-We may update this Statement from time to time according to changes of our services or data processing. If we update this Statement, we will publish the latest version of the Statement on the website, and it will take effect immediately upon its release. You are advised to review this Statement periodically for any changes. If we make any substantial changes to this Statement (any change of personal data we collect or we use for), we will notify you through appropriate channels and obtain your consent.
-
-## 9. How to Contact Us
-
-If you want to contact us or exercise your rights, please contact us at <contact@openeuler.io>.
-
-Last updated: May, 2022
-
-</div>
diff --git a/app/en/sig/sig-detail/index.md b/app/en/sig/sig-detail/index.md
deleted file mode 100644
index 5438a408035f4a3d905bb2e998fba1e6d56ea57d..0000000000000000000000000000000000000000
--- a/app/en/sig/sig-detail/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheSigDetail from "@/views/sig/sig-detail/TheSigDetail.vue"
-</script>
-
-<TheSigDetail />
diff --git a/app/en/sig/sig-list/index.md b/app/en/sig/sig-list/index.md
deleted file mode 100644
index eea31b211a530caa071258459d1b9d29a73177f1..0000000000000000000000000000000000000000
--- a/app/en/sig/sig-list/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import ExamineSig from "@/views/sig/sig-list/ExamineSig.vue"
-</script>
-
-<ExamineSig />
diff --git a/app/index.md b/app/index.md
deleted file mode 100644
index 7b2e106bc9b11077a581f46f51787f93d60ba40c..0000000000000000000000000000000000000000
--- a/app/index.md
+++ /dev/null
@@ -1,6 +0,0 @@
-<script setup>
-  import TheDemo from "@/views/TheDemo.vue"
-</script>
-
-<TheDemo />
-
diff --git a/app/ru/download/index.md b/app/ru/download/index.md
deleted file mode 100644
index 1f698762fb699b820e1183fda8524bb30112a8e9..0000000000000000000000000000000000000000
--- a/app/ru/download/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheDownload from "@/views/download/TheDownload.vue"
-</script>
-
-<TheDownload />
diff --git a/app/ru/index.md b/app/ru/index.md
deleted file mode 100644
index 529ca30419698eaeaaec09e08bc83addc37b41d1..0000000000000000000000000000000000000000
--- a/app/ru/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheHome from "@/views/home/TheHome.vue"
-</script>
-
-<TheHome />
diff --git a/app/ru/mirror/index.md b/app/ru/mirror/index.md
deleted file mode 100644
index 0b715cc9df467ea47d1b3daa621ec51a27ed1e66..0000000000000000000000000000000000000000
--- a/app/ru/mirror/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheMirList from "@/views/download/TheMirList.vue"
-</script>
-
-<TheMirList />
diff --git a/app/ru/other/brand/index.md b/app/ru/other/brand/index.md
deleted file mode 100644
index 7c858a257c9a19403ee41d6e78ac88ec1407074d..0000000000000000000000000000000000000000
--- a/app/ru/other/brand/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheBrand from "@/views/brand/TheBrand.vue"
-</script>
-
-<TheBrand />
diff --git a/app/ru/other/legal/index.md b/app/ru/other/legal/index.md
deleted file mode 100644
index a4be2e434a01f0b17581fdd8f53efd3ed2d5c72a..0000000000000000000000000000000000000000
--- a/app/ru/other/legal/index.md
+++ /dev/null
@@ -1,51 +0,0 @@
----
-title: '法律声明'
-tags: legal
----
-
-<!--  TODO: BANNER -->
-<script setup>
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-</script>
-
-<ClientOnly>
-  <BannerLevel2
-    :background-image="banner"
-    background-text="LEGAL"
-    title="Правовое уведомление"
-    :illustration="search"
-  />
-</ClientOnly>
-<div class="markdown" style="margin-top:var(--o-spacing-h1)">
-
-В этом правовом уведомлении собраны правовые политики, применимые в отношении сообщества openEuler. Данные политики регулируют размещаемые сообществом openEuler рабочие версии и контент данного веб-сайта.
-
-## Условия доступа к веб-сайту сообщества openEuler
-
-<https://www.openeuler.org> управляется сообществом openEuler. Следующие правила применяются ко всем посетителям данного веб-сайта. Сообщество openEuler имеет право в любое время без предварительного уведомления пересмотреть данные условия в соответствии с законами, нормативами и изменениями на рынке. Сообщество openEuler предоставляет доступ к данному веб-сайту в соответствии с условиями, приведенными в настоящем Уведомлении. Если вы не примете данные условия, вы не сможете использовать данный веб-сайт. Посещая, просматривая данный веб-сайт или используя его и предлагаемые на нем услуги, вы подтверждаете, что принимаете все условия, содержащиеся в данном Уведомлении. В случае любого нарушения этих условий сообщество openEuler оставляет за собой право изыскать любые доступные по закону и в соответствии с нормами справедливости средства правовой защиты против таких нарушений.
-
-## Заявление об отсутствии гарантий
-
-Несмотря на то, что сообщество openEuler прилагает усилия, чтобы предоставляемая на этом веб-сайте информация, включая, в том числе, текст, фотографии, данные, мнения, рекомендации, адреса веб-страниц и ссылок, была точной, сообщество openEuler не несет ответственности за точность, полноту, компетентность и надежность такой информации, а также ее некорректность или потерю. Сообщество openEuler отказывается от всех явно выраженных или подразумеваемых гарантий, включая, помимо прочего, гарантии обладания правом собственности на информацию, гарантии ее качества и отсутствия вирусов на веб-сайте. Сообщество openEuler может изменять размещаемую на данном веб-сайте информацию в любое время без предварительного уведомления. Для получения актуальной информации о версиях вы должны периодически посещать этот веб-сайт. Упоминание продуктов или услуг других сообществ, не имеющих отношение к openEuler, носит исключительно информационный характер и не является рекомендацией или положительным заключением в пользу их приобретения. Сообщество openEuler не предоставляет никаких заявлений и гарантий на любые продукты или услуги, информация о которых появляется на веб-сайте, или утвердительных решений в их отношении. Сервис BBS на этом веб-сайте, в том числе, помимо прочего, имена пользователей, названия компаний, контактные данные, фотографии и другая информация предоставляются участниками сообщества, которые несут полную ответственность за такую информацию. Располагая сведениями о том, что контент данного веб-сайта (в том числе, помимо прочего, информация о товарах, размещенная на этом веб-сайте участниками сообщества) нарушает законные права или интересы, любая организация или любое физическое лицо должны уведомить об этом сообщество openEuler в письменной форме, отправив по адресу <contact@openeuler.org> идентификационные данные, свидетельство о праве собственности, соответствующую ссылку (URL-адрес) и доказательства нарушения. Получив вышеуказанную законную информацию, сообщество openEuler удалит контент, связанный с предполагаемым нарушением закона.
-
-## Заявление об авторском праве
-
-Все содержащиеся на данном веб-сайте материалы и контент защищены законом. В отсутствии иных указаний все авторские права принадлежат сообществу openEuler. Без предварительного письменного согласия сообщества openEuler или других сторон настоящего Уведомления запрещается тиражировать, распространять, копировать или рассылать любую часть такой информации, получать доступ к ней или передавать ее через гиперссылки, выгружать на любые другие серверы, хранить в любых информационных поисковых системах или использовать, применяя любые средства по любым другим причинам, кроме загрузки и распечатки пользователями в некоммерческих целях (при условии, что упомянутая загруженная или распечатанная информация не будет изменена, и будет сохранено упоминание об авторских или любых других имущественных правах).
-
-## Товарный знак
-
-Все используемые на этом веб-сайте логотипы и товарные знаки являются собственностью сообщества openEuler или других указанных третьих лиц, если это применимо. Размещенные на веб-сайте сообщества openEuler материалы не должны рассматриваться как предоставленное разрешение или право использовать любой такой товарный знак или логотип косвенным путем, в силу отсутствия возражений или по другой причине без предварительного письменного согласия сообщества openEuler или любого третьего лица, которое может владеть данным товарным знаком. Запрещается кому-либо использовать название, товарный знак или логотип сообщества openEuler без предварительного письменного согласия последнего.
-
-## Ссылки на сторонние веб-сайты
-
-Данный веб-сайт может содержать ссылки на сторонние веб-сайты. Риск, связанный с доступом к любому другому веб-сайту, ссылка на который имеется на данном веб-сайте, лежит на пользователе, и сообщество openEuler не несет ответственности за точность, полноту, компетентность и надежность любой информации, данных, мнений, изображений, рекомендаций или заявлений, содержащихся на таких веб-сайтах. Сообщество openEuler приводит эти ссылки исключительно ради удобства и их включение в контент не рассматривается как рекомендация или положительное мнение в отношении содержащейся по этим ссылкам информации, а также не означает, что сообщество продвигает или рекламирует соответствующие товары и услуги.
-
-## Применимое законодательство и урегулирование споров
-
-Доступ к данному веб-сайту и все совершаемые на нем или посредством него действия регулируются и толкуются в соответствии с законодательством Китайской Народной Республики. Вы соглашаетесь с тем, что любой спор между сторонами, который может возникнуть в связи с данным правовым уведомлением или в связи с вашим доступом к данному веб-сайту и всеми совершаемыми на нем или посредством него действиями, регулируется судом Шэньчжэня провинции Гуандун, Китайская Народная Республика.
-
-
-</div>
diff --git a/app/ru/other/privacy/index.md b/app/ru/other/privacy/index.md
deleted file mode 100644
index 66c25461cee74c020c260d3f728951770ff249cf..0000000000000000000000000000000000000000
--- a/app/ru/other/privacy/index.md
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: "Конфиденциальность"
-module: privacy
----
-
-<div class='markdown'>
-
-Сообщество openEuler понимает важность сохранения конфиденциальности ваших данных и соблюдает ее. <u>**Внимательно прочтите настоящее Уведомление о конфиденциальности сообщества openEuler («Уведомление»), прежде чем отправите нам свои персональные данные.**</u>Если у вас возникли вопросы о том, как мы обрабатываем ваши персональные данные, свяжитесь с нами. Если не указано иное, «мы» и «наш» в настоящем Уведомлении относятся к сообществу openEuler.
-
-## 1.Использование файлов cookie и похожих технологий
-
-**a)** Для обеспечения надлежащей работы веб-сайта мы иногда можем разместить файлы cookie на вашем компьютере или мобильном устройстве. Файл cookie — это небольшой массив данных, размещаемый на вашем компьютере или мобильном устройстве при доступе к веб-сайту. Содержимое файла cookie может извлечь и прочитать только сервер, создавший этот файл cookie. Файлы cookie служат различным целям. Например, они помогают нам понять, как используется веб-сайт, помогают вам эффективно просматривать страницы, помнят ваши предпочтения и улучшают опыт просмотра веб-сайта.<br>
-**b)** Мы используем два типа файлов cookie:<br>
-**&emsp;&emsp;1)** Обязательные файлы cookie: используются для входа и верификации. Когда вы выполняете вход на веб-сайт с помощью вашего аккаунта HUAWEI, файлы cookie улучшают ваш опыт просмотра веб-сайта.<br>
-**&emsp;&emsp;2)** Файлы cookie для статистического анализа: мы собираем информацию об использовании наших сервисов, включая единичные или повторные посещения, которые помогут нам понять, как работают и используются сервисы. Мы используем плагин для статистического анализа, предоставляемый Baidu.<br>
-&emsp;&emsp;Многие сервисы требуют использования файлов cookie. Если вы не разрешите использование файлов cookie, относящихся к этим сервисам, вы не сможете использовать эти сервисы или некоторые функции этих сервисов.<br>
-**c)** Функция «Не отслеживать». У большинства веб-браузеров есть функция «Не отслеживать», которая отправляет сигналы «Не отслеживать» на веб-сайты. В настоящее время участники ведущих организаций по стандартизации Интернета не пришли к согласию по поводу того, какие действия должны предпринимать веб-сайты, когда получают такие сигналы. Если вы активируете функцию Не отслеживать или другие аналогичные функции в вашем браузере, мы не изменим способы сбора и использования ваших данных, описанные в настоящем Уведомлении. Однако мы оставляем за собой право ответить на ваш запрос Не отслеживать и прекратить сбор ваших данных без предварительного уведомления.<br>
-**d)** (d)Ваш выбор. Большинство браузеров позволяют удалить или отклонить файлы cookie. Для этого следуйте инструкциям в настройках браузера. По умолчанию многие браузеры принимают файлы cookie, пока вы не измените свои настройки.
-
-## 2.Передача ваших персональных данных
-
-Передача означает предоставление третьим лицам ваших персональных данных. Третьи лица и мы будем обрабатывать персональные данные независимо. Мы не передаем ваши персональные данные третьим лицам без вашего согласия, за исключением следующих обстоятельств или согласно положениям настоящего Уведомления:<br>
-**a) Передача по вашему требованию**. Мы можем передать ваши персональные данные с вашего согласия и по вашему требованию третьим сторонам, указанным вами.<br>
-**b) В целях соблюдения требований, предотвращения мошенничества и обеспечения безопасности**. Мы можем передавать ваши персональные данные в целях соблюдения требований, предотвращения мошенничества и обеспечения безопасности.<br>
-**c) Аффилированные лица**Мы можем передать ваши персональные данные своим аффилированным лицам для поддержки проведения транзакций, работы сервисов или безопасности.<br>
-**d) Партнеры**. Мы можем передавать ваши персональные данные своим партнерам. Однако мы будем передавать ваши персональные данные только в законных, оправданных, необходимых, указанных и явно выраженных целях, а также передавать персональные данные только в объеме, необходимом для предоставления наших сервисов. В число наших партнеров могут входить следующие лица:<br>
-**&emsp;&emsp;1) Разработчики, платформы и социальные сети**. Некоторые продукты или сервисы могут напрямую предоставляться вам третьими лицами. В этом случае мы должны предоставить им информацию о транзакциях. Если вы связываете наши сервисы или продукты со сторонними платформами или социальными сетями (например, выполняете прямой вход через веб-сайт третьего лица, виртуальный вход или связанный вход), мы можем раскрывать ваши персональные данные с вашего разрешения. Мы не контролируем использование ваших персональных данных третьим лицом.<br>
-**&emsp;&emsp;2) Поставщики услуг или профессиональные обслуживающие организации**(2). Мы можем передавать ваши персональные данные сторонним компаниям и физическим лицам, которые предоставляют сервисы от нашего имени или помогают нам управлять веб-сайтом и сервисами (такие как поставки, инфраструктура, хостинг, поддержка клиентов, маркетинг и аналитика, а также сервисы обработки данных). Мы передаем такие данные только в целях, соответствующих настоящему Уведомлению, или при вашем разрешении. Мы можем раскрывать ваши персональные данные профессиональным консультантам, например аудиторам, страховщикам, банковским сотрудникам и юристам, где это необходимо при оказании нам профессиональных услуг.<br>
-Когда мы передаем ваши персональные данные связанным компаниям или партнерам, их обязанности будут регулироваться договорами, и мы потребуем от них принять соответствующие меры для обеспечения безопасности обработанных персональных данных.
-
-## 3.Срок хранения ваших персональных данных
-
-Мы будем хранить ваши персональные данные не дольше, чем это необходимо, в целях, изложенных в настоящем Уведомлении, если иное не требуется законом или вашим запросом.
-Мы будем хранить ваши персональные данные в течение периода хранения в соответствии с применимыми законами или сервисными соглашениями с даты получения ваших персональных данных в сообществе openEuler. Если срок хранения ваших персональных данных превысил лимит и ни один закон не требует от нас продолжать обработку ваших конкретных персональных данных, мы удалим или анонимизируем их в соответствии с применимыми законами.
-
-## 4.Защита ваших персональных данных
-
-Мы серьезно относимся к безопасности ваших личных данных. Мы принимаем соответствующие физические, организационные и технические меры для защиты ваших персональных данных. Например, мы используем технологии шифрования для обеспечения конфиденциальности данных, а также внедряем механизмы для защиты данных от атак. Мы используем механизмы контроля посещений, которые предоставляют доступ к персональным данным только авторизованному персоналу. Кроме того, мы проводим тренинги по вопросам безопасности и защиты конфиденциальности.<u>** Таким образом, мы привержены защите ваших персональных данных. Несмотря на это, никакая защита не может быть идеальной, никакие продукты, услуги, веб-сайты, вычислительные системы, механизмы передачи данных и сети не могут быть надежными на 100%.**</u>
-
-## 5.Доступ и контроль ваших персональных данных
-
-В соответствии с применимыми законами и правилами у вас есть следующие права в отношении ваших персональных данных:<br>
-**a)** Получать доступ к персональным данным, которые есть у нас о вас, и получать их копии; <br>
-**b)** Запрашивать обновление или исправление ваших персональных данных;<br>
-**c)** Запрашивать удаление ваших персональных данных;<br>
-**d)** Возражать против обработки ваших персональных данных;<br>
-**e)** Запретить обработку ваших персональных данных;<br>
-**f)** Подать жалобу в компетентный орган по защите данных.<br>
-Обратите внимание, что эти права не являются абсолютными и могут быть ограничены в соответствии с применимыми законами. Если вам нужна наша помощь в выполнении вышеупомянутых запросов или осуществлении прав, свяжитесь с нами согласно информации в разделе «Контакты» ниже.<br>
-<u>**Как правило, мы отвечаем в течение одного месяца, если иное не требуется применимым законодательством. В зависимости от сложности ваших запросов мы можем продлить срок еще на два месяца. В этом случае мы сообщим вам о продлении и причинах в течение одного месяца с момента получения вашего запроса.**</u>Обратите внимание, что при некоторых обстоятельствах, например, если мы не можем подтвердить вашу личность или ваша заявка выходит за рамки ваших прав согласно применимому законодательству, мы можем отказать в выполнении вашей заявки. В этом случае мы сообщим вам в письменной форме, что ваша заявка отклонена, и укажем причины отклонения.<br>
-Вы можете изменить объем разрешения на сбор ваших персональных данных или отозвать ваше разрешение. Однако ваше решение отозвать свое согласие или разрешение не влияет на предыдущую обработку персональных данных, выполненную на основании вашего разрешения.
-
-## 6.Место хранения персональных данных
-
-Мы предоставляем вам продукты и сервисы через наши глобальные ресурсы и серверы. Ваши персональные данные, собранные нами, могут храниться в странах или регионах, в которых расположены мы, наши аффилированные лица, поставщики услуг и субподрядчики. Это означает, что ваши персональные данные могут быть переданы другим юрисдикциям за пределами страны или региона, где находится продукт или сервис, которые вы используете, или к ним может быть получен доступ из этих юрисдикций.<br>
-Юрисдикции, в которых хранятся такие персональные данные, могут иметь законы, которые защищают персональную информацию в различной степени, или могут не иметь законов о защите персональных данных. Мы обеспечим, чтобы ваши персональные данные были защищены применимыми законами и правилами, а также положениями настоящего Уведомления.
-
-## 7.Обновления текста Уведомления
-
-Мы можем время от времени обновлять или изменять настоящее Уведомление в соответствии с изменениями в наших сервисах или обработке данных. Если мы обновим настоящее Уведомление, мы опубликуем его последнюю версию на веб-сайте, и оно вступит в силу сразу же после его публикации. Рекомендуем вам периодически проверять настоящее Уведомление на предмет изменений. Если мы внесем существенные изменения в настоящее Уведомление (любые изменения в отношении персональных данных, которые мы собираем или используем), мы уведомим вас по соответствующим каналам связи и получим ваше согласие.
-
-## 8.Контакты
-
-Если вы хотите связаться с нами или осуществить свои права, свяжитесь с нами по **<contact@openeuler.io>**.
-
-<br><br>Обновлено: июнь 2021 г.
-
-</div>
diff --git a/app/ru/sig/sig-detail/index.md b/app/ru/sig/sig-detail/index.md
deleted file mode 100644
index 5438a408035f4a3d905bb2e998fba1e6d56ea57d..0000000000000000000000000000000000000000
--- a/app/ru/sig/sig-detail/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheSigDetail from "@/views/sig/sig-detail/TheSigDetail.vue"
-</script>
-
-<TheSigDetail />
diff --git a/app/ru/sig/sig-list/index.md b/app/ru/sig/sig-list/index.md
deleted file mode 100644
index eea31b211a530caa071258459d1b9d29a73177f1..0000000000000000000000000000000000000000
--- a/app/ru/sig/sig-list/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import ExamineSig from "@/views/sig/sig-list/ExamineSig.vue"
-</script>
-
-<ExamineSig />
diff --git a/app/zh/download/index.md b/app/zh/download/index.md
deleted file mode 100644
index 1f698762fb699b820e1183fda8524bb30112a8e9..0000000000000000000000000000000000000000
--- a/app/zh/download/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheDownload from "@/views/download/TheDownload.vue"
-</script>
-
-<TheDownload />
diff --git a/app/zh/index.md b/app/zh/index.md
deleted file mode 100644
index 529ca30419698eaeaaec09e08bc83addc37b41d1..0000000000000000000000000000000000000000
--- a/app/zh/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheHome from "@/views/home/TheHome.vue"
-</script>
-
-<TheHome />
diff --git a/app/zh/learn/mooc/index.md b/app/zh/learn/mooc/index.md
deleted file mode 100644
index 49a1f5cbef4870ab801c46296844f1bece93728f..0000000000000000000000000000000000000000
--- a/app/zh/learn/mooc/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheMooc from "@/views/learn/mooc/TheMooc.vue"
-</script>
-
-<TheMooc />
diff --git a/app/zh/learn/mooc/mooc-detail/index.md b/app/zh/learn/mooc/mooc-detail/index.md
deleted file mode 100644
index 108ef4ceca38d3ae0acf56ba648391371d6178c4..0000000000000000000000000000000000000000
--- a/app/zh/learn/mooc/mooc-detail/index.md
+++ /dev/null
@@ -1,4 +0,0 @@
-<script setup>
-  import MoocDetail from "@/views/learn/mooc/mooc-detail/MoocDetail.vue"
-</script>
-<MoocDetail />
diff --git a/app/zh/mirror/index.md b/app/zh/mirror/index.md
deleted file mode 100644
index 0b715cc9df467ea47d1b3daa621ec51a27ed1e66..0000000000000000000000000000000000000000
--- a/app/zh/mirror/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheMirList from "@/views/download/TheMirList.vue"
-</script>
-
-<TheMirList />
diff --git a/app/zh/other/brand/index.md b/app/zh/other/brand/index.md
deleted file mode 100644
index 7c858a257c9a19403ee41d6e78ac88ec1407074d..0000000000000000000000000000000000000000
--- a/app/zh/other/brand/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheBrand from "@/views/brand/TheBrand.vue"
-</script>
-
-<TheBrand />
diff --git a/app/zh/other/legal/index.md b/app/zh/other/legal/index.md
deleted file mode 100644
index 8b0b94e82c3e6979b7b4aa0a30b189ec278885d2..0000000000000000000000000000000000000000
--- a/app/zh/other/legal/index.md
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: '法律声明'
-tags: legal
----
-
-<!--  TODO: BANNER -->
-<script setup>
-import banner from '@/assets/banner-secondary.png';
-import search from '@/assets/illustrations/search.png';
-
-import BannerLevel2 from '@/components/BannerLevel2.vue';
-</script>
-
-<ClientOnly>
-  <BannerLevel2
-    :background-image="banner"
-    background-text="LEGAL"
-    title="法律声明"
-    :illustration="search"
-  />
-</ClientOnly>
-<div class="markdown" style="margin-top:var(--o-spacing-h1)">
-
-本法律声明包含 openEuler 社区的若干法律政策。这些政策适用于本网站以及 openEuler 社区项目发布。
-
-## 规则及 openEuler 网站访问条件
-
-openEuler 网站指由 openEuler 社区运营的网站，域名为<https://www.openeuler.org>。以下规则适用于所有访问 openEuler 网站的用户或浏览者，openEuler 社区保留根据国家法律法规及市场行情等变化修改这些规则的权利。访问 openEuler 网站的权利由 openEuler 社区根据下列条款授予。如果您不同意下列任何条款、请停止使用本网址。如果您使用<https://www.openeuler.org>服务，您的使用行为将被视为对本声明全部内容的认可。对于违反这些规则的行为，openEuler 社区有权采取法律和公平的补救措施。
-
-## 个人信息的保护
-
-openEuler 社区尊重访问本网站的任何个人信息。当您访问本网站的时候可能被要求提供您个人的基本资料(如姓名、电子邮件、电话号码等)，您可以自行选择是否提供。对于您提供的个人信息，openEuler 社区将根据中华人民共和国相关法律进行保密并严格保管，不会将这些信息以任何方式提供或展示给任何第三方，但下述情况除外：
-
-（一）在获取您明确同意情况下的共享。在向您告知第三方的名称或者姓名、联系方式、处理目的、处理方式和个人信息的种类，且获得您的明确同意后，openEuler 社区会向您同意的第三方共享您授权范围内的信息；
-
-（二）在法定情形下的共享。根据适用的法律法规、法律程序、诉讼/仲裁、政府的强制命令、监管要求而需要共享您的个人信息；
-
-（三）在法律要求或允许的范围内，为了保护您或社会公众的利益、财产或安全免遭损害而有必要提供您的个人信息给第三方；
-
-（四）为了保护国家安全、公共安全以及您和其他个人的重大合法权益而需要共享您的个人信息；
-
-（五）您自行公开的或者其他已经合法公开的您的个人信息。
-
-## 不承诺责任声明
-
-openEuler 网站所载的材料和信息，包括但不限于文本、图片、数据、观点、建议、网页或链接，openEuler 社区力图在网站上提供准确的材料和信息，
-但 openEuler 社区并不保证这些材料和内容的准确、完整、充分和可靠性，并且明确声明不对这些材料和内容的错误或遗漏承担责任，
-也不对这些材料和内容作出任何明示或默示的、包括但不限于有关所有权担保、没有侵犯第三方权利、质量和没有计算机病毒的保证。
-openEuler 社区可以在没有任何通知或提示的情况下随时对 openEuler 网站上的内容进行修改，为了得到最新版本的信息，请您定时访问 openEuler 网站。
-openEuler 社区在 openEuler 网站上所提及的非 openEuler 产品或服务仅仅是为了提供相关信息，并不构成对这些产品、服务的认可或推荐。
-openEuler 社区并不就网址上提供的任何产品、服务或信息做出任何声明、保证或认可。
-鉴于<https://www.openeuler.org>提供的部分服务属于电子公告牌（BBS）服务，
-<https://www.openeuler.org>上关于其会员或其会员发布的相关信息（包括但不限于用户名称、公司名称、 联系人及联络信息，相关图片、视讯等）的信息均是由会员自行提供，
-会员依法应对其提供的任何信息承担全部责任。
-任何企业或个人认为<https://www.openeuler.org>网页内容（包括但不限于<https://www.openeuler.org>会员发布的商品信息）可能涉嫌侵犯其合法权益，应该及时向 openEuler 社区<contact@openeuler.io>提出书面权利通知，并提供身份证明、权属证明、具体链接（URL）及详细侵权情况证明。
-openEuler 社区在收到上述法律文件后，将会依法尽快移除相关涉嫌侵权的内容。
-
-## 著作权说明
-
-openEuler 网站所载的所有材料或内容受版权法的保护，所有版权由 openEuler 社区拥有，但注明引用其他方的内容除外。未经 openEuler 社区或其他方事先书面许可，任何人不得将 openEuler 网站上的任何内容以任何方式进行复制、经销、翻印、传播、以超级链路连接或传送、以镜像法载入其他服务器上、存储于信息检索系统或者其他任何商业目的的使用，但对于非商业目的的、用户使用的下载或打印（条件是不得修改，且须保留该材料中的版权说明或其他所有权的说明）除外。
-
-## 商标
-
-openEuler 网站上使用和显示的所有商标、标志皆属 openEuler 社区所有，但注明属于其他方拥有的商标、标志、商号除外。未经 openEuler 社区或其他方书面许可，openEuler 网站所载的任何内容不应被视作以暗示、不反对或其他形式授予使用前述任何商标、标志的许可或权利。未经事先书面许可，任何人不得以任何方式使用 openEuler 社区的名称及 openEuler 社区的商标、标记。
-
-## 第三方链接
-
-openEuler 网站可能保留有与第三方网站或网址的链接，访问这些链接将由用户自己作出决定，openEuler 社区并不保证这些链接上所提供的任何信息、数据、观点、图片、陈述或建议的准确性、完整性、充分性和可靠性。openEuler 社区提供这些链接仅仅在于提供方便，并不表示 openEuler 社区对这些信息的认可和推荐，也不是用于宣传或广告目的。
-
-## 网站的更新与变更
-
-openEuler 网站提供的本网站上的内容仅为方便您获取信息，openEuler 网站有权单方面在任何时间，对本网站的内容进行变更或更新，此种变更或更新无需以通知您或任何第三方为前提。您承认并接受上述变更或更新。我们建议您定期访问本网站以尽快获知有关的更新或变更的信息。
-
-## 适用法律与争议解决
-
-您同意，与您访问或使用本网站相关的所有事项，应根据中华人民共和国法律解释、理解和管辖。您同意，中国广东省深圳市有管辖权的法院具有相关的管辖权。
-
-</div>
diff --git a/app/zh/other/privacy/index.md b/app/zh/other/privacy/index.md
deleted file mode 100644
index 8f088447b43cc5c975f121092e8f99cef5b49915..0000000000000000000000000000000000000000
--- a/app/zh/other/privacy/index.md
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: "隐私政策"
-module: privacy
----
-<!--  TODO: BANNER -->
-<script setup>
-</script>
-
-<div class='markdown'>
-
-我们深知您的隐私对您的重要性，并充分尊重您的隐私。<u>**在向我们提交您的个人信息之前，请您仔细阅读本《隐私政策声明》（以下简称“本声明”）。**</u>如果您对于我们处理您的个人信息的方式有任何疑问，欢迎与我们联系。除非另有约定，本声明中的“我们”是指**openEuler**社区。
-
-## 1.我们如何收集和处理您的个人信息
-**如果您仅仅浏览openEuler社区网站（以下简称“本网站”）的一般性内容，我们通常并不要求您提供个人信息，但在以下情形，我们会相应收集您的个人信息：**<br>
-**a) 邮件订阅**，当您使用我们的邮件订阅服务时，我们将收集您的<u>**电子邮件地址以及您的姓名（可选）。**</u>我们会通过该邮箱为您提供邮件订阅服务，便于您参与社区中的讨论。<br>
-**b) 服务优化**，为持续了解**openEuler**社区的运行状况，以便我们更好地为您服务，我们会将第三方插件部署在本程序中，该第三方会通过插件收集并记录您的浏览器和计算机、移动设备上的信息，包括但不限于您的<u>**IP地址、访问来源、访问社区的次数、停留时长、访问时间戳、浏览器类型、访问社区所用服务器类型版本**</u>等，我们会在此基础上进行数据统计，以便我们了解**openEuler**社区的运营状况。<br>
-**c) 贡献者协议签署**，当您通过贡献者许可协议（简称“**CLA**”）签署系统（点击[<u>此处</u>](https://clasign.osinfra.cn/sign/Z2l0ZWUlMkZvcGVuZXVsZXI=)了解）参与代码贡献时，您需要向**CLA**签署系统提交您的相关个人信息，我们会取得这些个人信息用于校验您是否已经签署**CLA**，并进行相关统计分析，用于了解社区的运营状况。
-
-我们还可能会在您的授权同意范围内从第三方，包括其他平台或社区收集到您的个人信息，或者我们能从其他合法公开渠道获取到您的个人信息。我们保证严格依照相关法律规定处理您的个人信息，同时请您详细阅读该第三方的隐私政策及用户协议。如使用openEuler社区需要第三方提供您的个人信息，但您拒绝第三方在提供服务时收集、使用传递或者分享您的个人信息，将可能导致您无法使用openEuler社区相关服务。例如，当您使用经授权的第三方帐号登录openEuler社区时，我们会在征得您的同意后，从第三方获取您的相关个人信息。
-
-## 2.我们如何使用Cookie及类似技术
-
-**a)** 为确保网站正常运转，我们有时会在计算机或移动设备上存储 **Cookie**。**Cookie**是访问网站时放置在您的计算机或移动设备上的小型数据文件。**Cookie** 的内容只能由创建它的服务器检索或读取。**Cookie**服务于不同的目的，例如帮助我们了解网站如何被使用，让您高效地浏览页面，记住您的偏好并总体上改善您的浏览体验。<br>
-**b)** 我们使用二种类型的**Cookie**：<br>
-**&emsp;&emsp;1)** 严格必要的**Cookie**: 用于登录和验证。当您使用**HUAWEI** **ID**登录网站时，**Cookie**将确保您对该网站的访问尽可能顺利；<br>
-**&emsp;&emsp;2)** 统计分析**Cookie**：我们收集关于您使用服务的信息，包括您的单次或多次访问，这些**Cookie**帮助我们了解服务是如何运行、使用的。我们使用百度提供的统计分析插件。<br>
-&emsp;&emsp;许多服务需要**Cookie**才能运行。如果拟选择不允许与这些服务相关的**Cookie**，则您可能无法使用该等服务或该等服务的某些功能。<br>
-**c) 请勿追踪**，很多网络浏览器均提供 **Do Not Track** 功能，该功能可向网站发布 **Do Not Track** 请求。目前，主要互联网标准组织尚未设立相关政策来规定网站应如何处理此类请求。如果您启用了“请勿追踪”或您的浏览器可能提供的其他类似功能，我们将不会更改本声明中所述的收集和使用您数据的方式。但是，我们保留对您的“请勿追踪”请求做出回应并停止收集您的数据而不另行通知的权利。<br>
-**d) 您的选择**，大多数浏览器允许您删除或拒绝**Cookie**。为此，请按照浏览器设置中的说明进行操作。默认情况下，许多浏览器接受**Cookie**，直到您更改设置为止。
-
-## 3.我们如何共享您的个人信息
-
-共享是指我们向第三方提供个人信息，且我们和第三方分别对个人信息进行独立处理的过程。除非您的同意，我们不会向第三方共享您的个人信息，但以下情况或本声明规定的情形除外： <br>
-**a) 在获取明确同意情况下的共享**。获得您的明确同意后，我们会向您指定的第三方共享您授权范围内的信息；<br>
-**b) 为合规、防止欺诈和安全目的共享**。我们可能为上述提及的合规、防止欺诈和安全目的共享您的个人信息。<br>
-**c) 我们可能会将您的个人信息向我们的关联公司披露，以供它们为您提供交易支持、服务支持或安全支持**。<br>
-**d) 共享给业务合作伙伴**。我们可能会向合作伙伴等第三方共享您的信息。但我们仅会出于合法、正当、必要、特定、明确的目的共享您的个人信息，并且只会共享提供服务所必需的个人信息。我们的合作伙伴包括：<br>
-**&emsp;&emsp;1) 开发者，平台及社交媒体**：某些产品或服务由第三方直接向您提供，我们须将交易相关信息共享给第三方来实现您的需求。例如，如果您通过激活或关联使得我们提供的服务或产品与第三方平台或社交媒体相关联（例如通过第三方网站直接登录、虚拟登录或关联登录），我们可能会根据您就此的授权将您的个人信息进行披露。我们不控制第三方对您个人信息的使用。<br>
-**&emsp;&emsp;2) 服务供应商或专业服务提供商**：我们可能会将您的个人信息共享给按照我们指示进行服务或产品提供或支持我们网站运营的第三方，包括为我们供货或提供基础设施技术服务、托管、客户支持、市场推广和分析、信息处理服务的第三方等。我们共享这些信息的目的仅限于本声明披露或在您允许的范围内进行，比如百度。我们可能因获取专业服务，如审计、保险、金融或法律之目的，向相关专业人士共享您的个人信息。<br>
-在我们根据上述内容向关联公司或合作伙伴共享信息时，我们将通过合同等方式规定其责任和义务，并要求他们采取必要措施保障所处理的个人信息的安全。
-
-## 4.我们将保留多久您的个人信息
-
-我们将会在达成本声明所述目的所需的期限内保留您的个人信息，除非按照法律要求或您的要求需要延长保留期。<br>
-一般而言，我们会自您使用我们的社区服务时获取您的个人信息之日起，根据可适用法律的要求或服务协议的约定，在留存期限内存储或保留您的个人信息。在您的个人信息超出保留期限后，且没有法律要求我们继续处理您的特定个人信息的情况下，我们将会根据可适用法律的要求删除您的个人信息，或进行匿名化处理。
-
-## 5.我们将如何保护您的个人信息
-
-我们重视您的个人信息安全。我们采用适当的物理、管理和技术保障措施来保护您的个人信息。例如，我们会使用加密技术确保信息的机密性；我们会使用保护机制防止信息遭到恶意攻击；我们会部署访问控制机制，确保只有授权人员才可访问个人信息；以及我们会举办安全和隐私保护培训等。<u>**总之，我们会尽力保护您的个人信息。尽管如此，任何措施都无法做到无懈可击，也没有任何产品与服务、网站、信息传输、计算机系统、网络连接是绝对安全的**。</u>
-
-## 6.如何访问或控制您的个人信息
-
-根据适用的法律法规，就您的个人信息，您可能享有如下权利：<br>
-**a)** 访问我们持有的您的个人信息并获得副本的权利; <br>
-**b)** 要求我们更新或更正您的个人信息的权利;<br>
-**c)** 要求我们删除您的个人信息的权利；<br>
-**d)** 反对我们对您的个人信息进行处理的权利；<br>
-**e)** 限制我们对您的个人信息进行处理的权利；以及<br>
-**f)** 向有权的个人信息保护部门提起投诉、举报的权利。<br>
-请注意该等权利不是绝对的，且可能根据适用的法律受到限制。如果您需要我们协助行使上述请求或权利，请通过下述“如何联系我们”联系。<br>
-<u>**除非适用的法律法规另有要求，我们会在一个月内响应您的请求。根据您请求的复杂度，我们可能另行延迟两个月。如果发生该情况，我们会在收到请求的一个月内向您告知延迟及其原因。**</u>请注意在某些情况下，您的请求将被驳回，比如我们无法验证您的身份，或您提出的要求超出适用的法律下赋予您的权利。我们将书面告知您提出的请求被驳回以及被驳回的原因。<br>
-您可以改变您授权我们继续收集个人信息的范围或撤回您的授权，但您撤回同意或授权的决定，不会影响此前基于您的授权而开展的个人信息处理行为。
-
-## 7.个人信息存储地点
-
-我们通过遍布全球的资源和服务器为您提供产品与服务，我们收集您的个人信息可能存储在我们及其关联方、服务提供商/分包商所在的国家/地区。这意味着，您的个人信息可能会被转移到您使用的产品或服务所在的国家/地区以外的其他司法管辖区，或者受到来自这些司法管辖区的访问。<br>
-此类个人信息存储地的司法管辖区可能采用保护程度不一的个人信息保护法律，甚至未订立相关法律。我们会确保您的个人信息得到适用的法律法规和本声明的保护。
-
-## 8.如何更新本声明
-
-我们可能会根据我们的服务或数据处理的变化不时更新或修改本声明。如果我们更新本声明，我们会将最新版隐私声明发布在本网站上，并自发布时立即生效。建议您定期查看本声明以了解任何更改。如果我们对本声明做出任何重大更改（收集的个人信息范围和使用目的变更），我们将通过适当渠道通知您，并获取您的同意。
-
-## 9.如何联系我们
-
-如果您想联系我们或行使您的相关权利，请通过以下方式与我们联系： **<contact@openeuler.io>**
-
-<br><br>最近更新时间：**2022**年**3**月
-
-</div>
diff --git a/app/zh/other/projects/atune/index.md b/app/zh/other/projects/atune/index.md
deleted file mode 100644
index 7ad7a3df01e77dbca111d86bd65208eec47d3b16..0000000000000000000000000000000000000000
--- a/app/zh/other/projects/atune/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheATune from "@/views/other/projects/atune/TheATune.vue"
-</script>
-
-<TheATune />
diff --git a/app/zh/other/projects/bishengjdk/index.md b/app/zh/other/projects/bishengjdk/index.md
deleted file mode 100644
index 2a0ad5fd45386f8d5bf106d346f29aa171ed6b87..0000000000000000000000000000000000000000
--- a/app/zh/other/projects/bishengjdk/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheBisheng from "@/views/other/projects/bishengjdk/TheBisheng.vue"
-</script>
-
-<TheBisheng />
diff --git a/app/zh/other/projects/isula/index.md b/app/zh/other/projects/isula/index.md
deleted file mode 100644
index 188c3f2c5fcd2433dd291219efd572605085d0d7..0000000000000000000000000000000000000000
--- a/app/zh/other/projects/isula/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheIsula from "@/views/other/projects/isula/TheIsula.vue"
-</script>
-
-<TheIsula/>
\ No newline at end of file
diff --git a/app/zh/other/projects/secgear/index.md b/app/zh/other/projects/secgear/index.md
deleted file mode 100644
index 07e7e2dc501885de7367197658c4b0ad70d12a57..0000000000000000000000000000000000000000
--- a/app/zh/other/projects/secgear/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheSecGear from "@/views/other/projects/secgear/TheSecGear.vue"
-</script>
-
-<TheSecGear />
diff --git a/app/zh/other/projects/stratovirt/index.md b/app/zh/other/projects/stratovirt/index.md
deleted file mode 100644
index d046dd3cf09d8cc51b44fa18ca670b1dd368b3f0..0000000000000000000000000000000000000000
--- a/app/zh/other/projects/stratovirt/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheStratoVirt from "@/views/other/projects/stratovirt/TheStratoVirt.vue"
-</script>
-
-<TheStratoVirt/>
diff --git a/app/zh/security/compatibility/index.md b/app/zh/security/compatibility/index.md
deleted file mode 100644
index 04b92a85577680ea0650cae39b905a734e87d7bf..0000000000000000000000000000000000000000
--- a/app/zh/security/compatibility/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheCompatibility from "@/views/security/TheCompatibility.vue";
-</script>
-
-<TheCompatibility />
\ No newline at end of file
diff --git a/app/zh/security/cve/index.md b/app/zh/security/cve/index.md
deleted file mode 100644
index 8041af3223b7ebbcbb938e775a1ae39cfcb650d6..0000000000000000000000000000000000000000
--- a/app/zh/security/cve/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheCveList from "@/views/security/TheCveList.vue";
-</script>
-
-<TheCveList />
diff --git a/app/zh/security/safety-bulletin/detail/index.md b/app/zh/security/safety-bulletin/detail/index.md
deleted file mode 100644
index 289f301d10f30d26971bfd852b69d646a968c44f..0000000000000000000000000000000000000000
--- a/app/zh/security/safety-bulletin/detail/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheSafetyBulletinDetail from "@/views/security/TheSafetyBulletinDetail.vue";
-</script>
-
-<TheSafetyBulletinDetail />
diff --git a/app/zh/security/safety-bulletin/index.md b/app/zh/security/safety-bulletin/index.md
deleted file mode 100644
index 1757ace41d3eb47aa91840f9047b200a1be09d52..0000000000000000000000000000000000000000
--- a/app/zh/security/safety-bulletin/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheSafetyBulletin from "@/views/security/TheSafetyBulletin.vue";
-</script>
-
-<TheSafetyBulletin />
diff --git a/app/zh/security/vulnerability-reporting/index.md b/app/zh/security/vulnerability-reporting/index.md
deleted file mode 100644
index 23d90067d87f39e03d5de25c44eaba1305487ced..0000000000000000000000000000000000000000
--- a/app/zh/security/vulnerability-reporting/index.md
+++ /dev/null
@@ -1,174 +0,0 @@
----
-title: '漏洞管理'
----
-
-<script setup>
-import { withBase  } from 'vitepress';
-import BannerLevel2 from '@/components/BannerLevel2.vue'
-import banner from '@/assets/banner-secondary.png';
-import illustration from '@/assets/illustrations/search.png';
-</script>
-
-<BannerLevel2
-class="app-header"
-  :background-image="banner"
-  background-text="SIG"
-  title="角色说明"
-  :illustration="illustration"
-/>
-
-<div class="markdown">
-
-## 漏洞响应
-
-openEuler 社区非常重视社区版本的安全性，openEuler 安全委员会负责接收、调查和披露 openEuler 社区相关的安全漏洞。我们鼓励漏洞研究人员和行业组织主动将 openEuler 社区的疑似安全漏洞报告给 openEuler 社区安全委员会。我们会快速的响应、分析和解决上报的安全问题或安全漏洞。
-
-## 支持版本
-
-漏洞响应流程主要支持 openEuler 社区的 LTS 发行版和其分支版本。
-
-## 漏洞处理流程
-
-每个一个安全漏洞都会有一个指定的人员进行跟踪和处理，协调员是 openEuler 安全委员会的成员，他将负责跟踪和推动漏洞的修复和披露。漏洞端到端的处理流程如下图。
-
-<img class="pc" src="./procedure(zh).png" width="100%" style="max-width:1079px" />
-<!-- <img class="mobile" src="./procedure(zh)-mobile.png" width="100%" style="max-width:1079px" /> -->
-
-在这里我们主要介绍流程中漏洞上报、漏洞评估和漏洞披露这三部分内容。
-
-## 漏洞上报
-
-如果您认为 openEuler 产品存在一个疑似安全漏洞，我们希望您将漏洞上报给 openEuler 社区，并与我们配合以负责任的方式修复和披露该问题。
-
-## 漏洞上报方式
-
-您可以通过 email 将 openEuler 产品的潜在安全漏洞发送到 openEuler 安全团队邮箱（<openeuler-security@openeuler.org>）。因为漏洞信息比较敏感，建议您使用安全团队邮箱<a :href="withBase('/vulnerability-reporting/public_key_openeuler_security.asc')" download>PGP 公钥</a>对邮件信息进行加密。
-安全团队成员信息如下：
-
-- 刘金刚[@liujingang09]，<liujingang09@huawei.com>, <a :href="withBase('/vulnerability-reporting/public_key_liujingang.asc')" download>PGP 公钥</a>。
-
-- 颜小兵[@yanxiaobing2020]，<yanxiaobing@huawei.com>, <a :href="withBase('/vulnerability-reporting/public_key_yanxiaobing.asc')" download>PGP 公钥</a>。
-
-- 朱健伟[@zhujianwei001]，<zhujianwei7@huawei.com>, <a :href="withBase('/vulnerability-reporting/public_key_zhujianwei.asc')" download>PGP 公钥</a>。
-
-- 魏刚[@gwei3]，<11015100@qq.com>，<a :href="withBase('/vulnerability-reporting/public_key_weigang.asc')" download>PGP 公钥</a>。
-
-- 崔雷[@kylincuilei]，<cuilei@kylinos.cn>。
-
-## 漏洞上报内容
-
-为了便于快速的确认和验证疑似漏洞，请在漏洞上报邮件中包含但不限于以下内容：
-
-- 基本信息：包括漏洞影响的模块、漏洞的触发条件和成功利用后对系统的影响等。
-
-- 技术细节：包括系统配置、定位方法、Exploit 的描述、POC、问题重现方法和步骤等。
-
-- 修复方案建议。
-
-- 上报者的组织和联系方式。
-
-- 上报者可能的漏洞披露计划。
-
-## 邮件响应时间
-
-我们将在 48 小时内响应通过邮箱上报的疑似安全漏洞，并向上报者反馈漏洞处理的进展。
-
-## 漏洞严重性评估
-
-业界普遍使用 CVSS 标准评估漏洞的严重性，openEuler 在使用 CVSSv3 进行漏洞评估时，需要设定漏洞攻击场景，基于在该攻击场景下的实际影响进行评估。漏洞严重等级评估是指针对漏洞利用难易程度，以及利用后对机密性、完整性、可用性的影响进行评估，并生成一个评分值。
-
-## 评估标准
-
-openEuler 社区采用 CVSS v3 对漏洞进行评估，CVSS V3 由通过对以下向量来评估一个漏洞的影响：
-
-- 攻击向量（AV）-表示攻击的“远程性”以及如何利用此漏洞。
-
-- 攻击复杂性（AC）-讲述攻击执行的难度以及成功进行攻击需要哪些因素。
-
-- 用户交互（UI）-确定攻击是否需要用户参与。
-
-- 所需的权限（PR）-记录成功进行攻击所需的用户身份验证级别。
-
-- 范围（S）-确定攻击者是否可以影响具有不同权限级别的组件。
-
-- 机密性（C）-衡量信息泄露给非授权方后导致的影响程度。
-
-- 完整性（I）-衡量信息被篡改后导致的影响程度。
-
-- 可用性（A）-衡量用户在需要访问数据或服务时受影响的程度。
-
-## 评估原则
-
-- 评估漏洞的严重等级，不是评估风险。
-
-- 评估时必须基于攻击场景，且保证在该场景下，攻击者成功攻击后能对系统造成机密性、完整性、可用性影响。
-
-- 当安全漏洞有多个攻击场景时，应以造成最大的影响，即 CVSS 评分最高的攻击场景为依据。
-
-- 被嵌入调用的库存在漏洞，要根据该库在产品中的使用方式，确定漏洞的攻击场景后进行评估。
-
-- 安全缺陷不能被触发或不影响 CIA(机密性/完整性/可用性)，CVSS 评分为 0 分。
-
-## 评估步骤
-
-对漏洞进行评估时，可根据下述步骤进行操作：
-
-- 设定可能的攻击场景，基于攻击场景评分。
-
-- 确定漏洞组件（Vulnerable Component）和受影响组件（Impact Component）。
-
-- 选择基础评估指标的值：通过对可利用指标（攻击向量/攻击复杂度/所需权限/用户交互/范围）和受影响指标（机密性/完整性/可用性）给出漏洞影响评估。
-
-## 严重等级划分
-
- <table board="2" class="table table-bordered table-striped">     
-      <thead>
-          <tr>
-              <th align="left" style="width:40px">严重等级（Severity Rating）</th>
-              <th align="left" style="width:40px">CVSS评分（Score）</th>
-          </tr>
-          <tr>
-              <td align="left">致命（Critical）</td>
-              <td>9.0 - 10.0</td>
-          </tr>
-          <tr>
-              <td align="left">高（High）</td>
-              <td>7.0 - 8.9</td>
-          </tr>
-           <tr>
-              <td align="left">中（Medium）</td>
-              <td>4.0 - 6.9</td>
-          </tr>
-          <tr>
-              <td align="left">低（Low）</td>
-              <td>0.1 - 3.9</td>
-          </tr>
-          <tr>
-              <td align="left">无（None）</td>
-              <td>0.0</td>              
-          </tr>          
-      </thead>      
-  </table>
-
-## 和 NVD 评估分数差异说明
-
-CVSS 基础评分与受影响组件的版本号，提供和使用的方式，平台以及软件的编译方式相关，NVD 评分考虑了漏洞被利用的所有场景，而 openEuler 是基于上游社区自己构建的，主要应用于服务器场景，所以对于 openEuler 开源产品来说，直接采用 NVD 评分是不合适的，因此 openEuler 对所有受影响的 CVE 有自己的评分，存在打分和 NVD 不同的情况。
-
-## 漏洞披露
-
-为了保护 openEuler 用户的安全，在进行调查、修复和发布安全公告之前，openEuler 社区不会公开披露、讨论或确认 openEuler 产品的安全问题。安全漏洞修复后 openEuler 社区会发布安全公告，安全公告内容包括该漏洞的技术细节、CVE 编号、CVSS 安全评分、严重性等级以及受到该漏洞影响的版本和修复版本等信息。安全公告提供邮件订阅功能，您可以通过“[sa-announce](https://mailweb.openeuler.org/postorius/lists/sa-announce.openeuler.org/)"链接订阅 openEuler 社区的安全公告。我们也提供 CVRF 格式的安全公告，可通过"[CVRF 文档](https://repo.openeuler.org/security/data/cvrf/)"链接获取。
-
-</div>
-
-<style lang="scss" scoped>
-.table-striped{
-    margin-top: 20px;
-   td,
-   th{
-    padding: 16px 0 16px 37px;
-   }
-}
-.pc{
-    margin: 20px 0;
-}
-</style>
diff --git a/app/zh/security/vulnerability-reporting/procedure(zh).png b/app/zh/security/vulnerability-reporting/procedure(zh).png
deleted file mode 100644
index 6af1336c25c8273d65551d69f95b04fdafd18b84..0000000000000000000000000000000000000000
Binary files a/app/zh/security/vulnerability-reporting/procedure(zh).png and /dev/null differ
diff --git a/app/zh/sig/meeting-guide/index.md b/app/zh/sig/meeting-guide/index.md
deleted file mode 100644
index dbbdd6151e00cdf119ccb5d5cca092db354d49ea..0000000000000000000000000000000000000000
--- a/app/zh/sig/meeting-guide/index.md
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: '会议指南'
----
-<script setup>
-import BannerLevel2 from '@/components/BannerLevel2.vue'
-import banner from '@/assets/banner-secondary.png';
-import illustration from '@/assets/illustrations/search.png';
-</script>
-
-<BannerLevel2
-class="app-header"
-  :background-image="banner"
-  background-text="SIG"
-  title="会议指南"
-  :illustration="illustration"
-/>
-
-<div class="markdown">
-
-# openEuler Developer Day 2022 SIG组版本工作会议指南
-## 介绍
-openEuler开源社区按照不同的 SIG(Special Interests Group) 来组织开发及版本发布工作，openEuler开源社区的主要技术产品通过 openEuler 开源操作系统承载，它在每年的 3 月和 9 月发布两个版本。当一个版本发布完成后，openEuler开源社区将召开下一个版本的开发规划会议，会议以SIG组为单位，时长为0.5~1天，用于集中讨各SIG组未来 6 个月的规划、工作事项、任务分工、优先级等相关内容。openEuler开源社区将为各SIG组的规划会议提供场地和技术支持。
-
-SIG版本规划工作会议遵循开源、开放原则，议题收集、技术讨论、会议纪要等各讨论过程均对外开放。
-## 会议类型
-**单SIG组工作会议：** 单一SIG组内的工作会议，由该SIG组Maintainer进行组织，包括议题收集、议程安排、主持讨论、会议纪要输出等。
-
-**跨SIG组工作会议：** 跨SIG组之间的协作工作会议，需要各相关SIG组Maintainer提前通过邮件或其他方式与版本规划会议组织者联系并沟通场地安排并由各相关SIG组Maintainer负责进行组织，包括议题收集、议程安排、主持讨论、会议纪要输出等。
-## 需求收集
-各SIG应择时启动针对后续版本的需求收集，各SIG组Maintainer在openEuler Etherpad平台(https://etherpad.openeuler.org/)创建相应的会议收集目录(建议命名方式为: sig名-版本名(例如22.09)-Planning)用于收集该版本规划工作会议的需求收集及计划，并将该会议目录反馈至openEuler开源社区SIG版本规划会议组织者。(参考模板：https://etherpad.openeuler.org/p/planning-template)
-
-任何人均可以在SIG版本工作会议中提出需求，通过在各SIG版本工作会议指定的Etherpad共享文件中的Topics环节根据要求进行填写，通常需要包含以下内容：
-- 需求发起人
-- 需求的具体描述
-- Issue 反馈的在线地址
-- 已有的技术方案或PR
-- 已有的讨论纪要
-
-需求收集完成后由SIG组Maintainers按照所有收集到的需求的具体情况(类型、技术难度、工作量等)，根据会议时间安排指定会议议程，会议安排在工作会议召开前3天在Etherpad共享文件及社区邮件列表Maillist中公开发布，方便与会者了解会议议程。
-## 召开会议
-会议由各SIG组版本规划负责人主持召开，按照预先制定的会议议程进行会议，会议过程中需要注意时间控制，确保所有已经在会议议程中的需求都能得到相应的讨论时间。各与会者需要在Etherpad的Attendees环节根据要求填写自己的名字和Gitee_ID，若未到场且未指定代参加人员则该需求视为自动放弃。
-
-各议题讨论可以分为下面几个阶段：
-1. 需求陈述：由需求发起人对需求进行陈述，包括需求目标、需求来源、提议的技术方案及既往的讨论及结果等，需求陈述阶段其余听众不允许打断。
-2. 讨论：由各参会者针对该需求进行相应的讨论，所有与会者均可参与讨论，主持人负责记录各方观点及重点意见。
-3. 总结：在达成共识后，由主持人根据共识输出该议题的结论。若现场没有达成共识，则应商议再次讨论的具体时间。
-
-所有议题讨论完成后，由SIG Maintainer团队根 据各议题讨论情况及SIG组实际情况对各需求进行优先级排序及分工，“任务分工”靠贡献者“认领任务”的方式完成。
-
-## 会议纪要
-各SIG组版本规划负责人在工作会议结束后一周内整理完成会议纪要，并在Etherpad及SIG组、dev, tc, release sig邮件列表Maillist上公开发布该会议纪要，以便开发者、用户了解未来版本各SIG的工作计划，会议纪要需要包含以下内容：
-- 所有参与讨论的议题及该议题的结论
-- 下一版本各工作的负责人
-- 下一版本的工作优先级 会议纪要内容参考链接：
-
-    https://mailweb.openeuler.org/hyperkitty/list/openstack@openeuler.org/thread/NR3O2ZUUNE46XFBTV4CND4HEYDCBPW33/
-
-</div>
diff --git a/app/zh/sig/role-description/index.md b/app/zh/sig/role-description/index.md
deleted file mode 100644
index f424181f3b4f8e008f91eedd1fcdd412ddc66a93..0000000000000000000000000000000000000000
--- a/app/zh/sig/role-description/index.md
+++ /dev/null
@@ -1,127 +0,0 @@
----
-title: '角色说明'
----
-<script setup>
-import BannerLevel2 from '@/components/BannerLevel2.vue'
-import banner from '@/assets/banner-secondary.png';
-import illustration from '@/assets/illustrations/search.png';
-  const tableData = [
-    {
-      SigName: 'Contributor',
-      Gitee: '项目的贡献者',
-      Email: '项目Owner',
-      IRC: 'Gitee注册成员'
-    },
-    {
-      SigName: 'Committer',
-      Gitee: '审核其他成员的贡献',
-      Email: '的积极贡献者，经验丰富，愿意投入精力参与到审核工作',
-      IRC: 'openEuler SIG拥有的储存库中OWNERS文件中的Commiter条目'
-    },
-    {
-      SigName: 'Maintainer',
-      Gitee: '项目Owner',
-      Email: '经验丰富，富有责任心、出色的技术能力和管理能力',
-      IRC: 'openEuler SIG拥有的存储库中OWNERS文件中的Maintainer条目。'
-    }
-  ]
-</script>
-
-<BannerLevel2
-class="app-header"
-  :background-image="banner"
-  background-text="SIG"
-  title="角色说明"
-  :illustration="illustration"
-/>
-
-<div class="markdown">
-
-<OTable :data="tableData" class="duty-table">
-  <OTableColumn prop="SigName" label="SIG名称"/>
-  <OTableColumn prop="Gitee" label="Gitee主页"/>
-  <OTableColumn prop="Email" label="邮件"/>
-  <OTableColumn prop="IRC" label="IRC频道"/>
-</OTable>
-
-## 社区成员 
-本文简要描述了openEuler社区中贡献者角色的各种职责。大部分角色的职责限于这些SIG(Special Interest Group)内：
-
-
-说明：Maintainer和Committer在Gitee的权限上不做区分，两者的区分主要是集中在SIG治理的管理范围上。详细可以见下面的描述。
-## 新的贡献者
-欢迎新成员加入社区。我们有关于如何开始贡献的指导文档请参考：openEuler贡献者指南
-## 既有社区成员
-既有的社区成员应证明能够遵守本文中的原则，熟悉SIG的组织、角色、政策、软件、约定等，以及相关的技术和/或写作能力。社区成员角色的期望、职责和要求，请参考下面的内容。
-## 贡献者 Contributor
-贡献者是社区中持续活跃的贡献者，他们可以认领问题和PR，可以参与SIG组活动，并且可以为PR提交前完成测试。
-### 要求
-* Gitee上的注册会员
-
-* 为SIG或社区做出多方面贡献，包括不限于：
-    * 在Gitee上提交或审核PR
-
-    * 在Gitee上对问题进行归档或评论
-    * 参与SIG或社区讨论
-* 已阅读贡献者指南
-* 积极参与1个或多个SIG
-### 责任与权利
-* 响应被分配的问题和PR
-
-* 贡献的代码应该
-    * 经过良好的测试
-
-    * 能够让测试用例始终通过
-    * 解决后继发生的错误或问题
-* 可以通过 /lgtm打开PR
-* 可以分配问题或PR，可以通过 /cc @username要求成员进行评论
-* 可以针对PR自动运行测试。/ok-to-test不是必要的
-* 可以使用/ok-to-test为具有needs-ok-to-test标签的PR进行操作，并使用诸如/close对PR进行关闭。
-注意：经常贡献代码的成员应积极的参与代码审查，并努力成为SIG的审核者Committer。
-## 审核者 Committer
-审核者能够在SIG或SIG的某些部分中审核代码的质量和正确性。审核者对代码库和软件工程原理非常了解。
-
-定义：openEuler SIG拥有的存储库中OWNERS文件中的developer条目。
-### 要求
-* 作为贡献者至少3个月
-
-* 作为主要审阅者至少参与了6次PR的审阅
-* 审阅或合并至少20个基本PR到代码库
-* 熟悉代码库
-* 可以自我提名，或由该SIG的审核者或维护者提名
-### 责任与权力
-* 评审PR：对Contributor提交的PR完成评审，评审可以参考社区的编程建议和安全编程规范。
-
-* 分发处理问题:请参考“问题处理流程”。
-* 跟踪依赖性问题：在开发分支中，其他SIG组的软件包的更新可能会到导致破坏本SIG内软件包的依赖关系。此时Committer会收到告警提示，Committer应尽力重建软件包。依赖关系出错可能会使最终用户无法更新系统，打包团队也会介入并重建存在依赖性问题的软件包，但Maintainer不应依赖这些重建。
-* 如有接口变更，通知可能会影响到的SIG：其他SIG或项目会依赖本SIG的软件包，对软件包接口的变更可能会对他们造成影响。Maintainer应了解并评审&决策变更造成的依赖影响，并公告和发送API或ABI变更的告警邮件。这类公告应在变更发生至少一周前完成，并应通知到所有可能受影响的SIG。具体请参考接口变更通知流程。
-* 更新和维护软件包版本：遵守社区的软件包更新质量控制策略完成软件包的更新。
-* 和上游社区合作，包括：
-    * 将所有变更推送到上游社区
-
-    * 参与上游社区邮件列表
-    * 获取上游社区的bug跟踪器的账户，并跟踪上游社区的重要bug
-    * 将严重的错误转发给上游社区以寻求帮助 更多信息，请参考“上游社区软件包管理建议”
-* 和测试团队合作，包括：
-    * 在提交软件包时，向质量检查人员提供如何调试/分类软件包的信息，以供问题的分类
-
-    * 提供基本功能的测试用例，用于测试回归
-    * 提交软件包更新时，提供有关更新中已经修复问题的测试用例，以供质量检查人员使用。
-## 维护者 Maintainer
-维护者是SIG组的组长或者管理委员会成员，也是软件包的维护者，能够像Committer一样审查和批准代码贡献。代码审查的重点是代码质量和正确性，而批准的重点是对贡献的整体接受度。所有Committer的责任与权力，Maintainer均具有。除此之外，Maintainer还承担了团队的技术路线、内外协调等工作。
-
-定义：openEuler SIG拥有的存储库中OWNERS文件中的developer条目。
-### 要求
-* 作为审核者至少3个月
-
-* 作为主要审阅者至少参与了12次PR的审阅
-* 审阅或合并至少30个基本PR到代码库
-* 熟悉代码库
-### 责任与权力
-* 确定SIG所负责项目的技术路线：包括规划和决策SIG技术方向、路标规划、架构演进。
-
-* 制定SIG所负责项目的发布计划：确定SIG的关键需求和发布计划；参与社区的PM活动，并协调SIG计划和社区版本的里程碑时间表匹配。
-* 参与社区协调活动：作为SIG的代表参与openEuler技术委员会或理事会组织的活动和特定会议等。
-* 召集SIG组会议：定期召集SIG会议，决策SIG内上升的争议。
-
-</div>
diff --git a/app/zh/sig/sig-detail/index.md b/app/zh/sig/sig-detail/index.md
deleted file mode 100644
index 5438a408035f4a3d905bb2e998fba1e6d56ea57d..0000000000000000000000000000000000000000
--- a/app/zh/sig/sig-detail/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import TheSigDetail from "@/views/sig/sig-detail/TheSigDetail.vue"
-</script>
-
-<TheSigDetail />
diff --git a/app/zh/sig/sig-list/index.md b/app/zh/sig/sig-list/index.md
deleted file mode 100644
index eea31b211a530caa071258459d1b9d29a73177f1..0000000000000000000000000000000000000000
--- a/app/zh/sig/sig-list/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup>
-  import ExamineSig from "@/views/sig/sig-list/ExamineSig.vue"
-</script>
-
-<ExamineSig />
diff --git a/deploy/nginx/nginx.conf b/deploy/nginx/nginx.conf
index 019d33d4a09e71e7c2cb1edf9b98f1275376c9f3..841953444370ad44a7fe659c4f75042eb196768f 100644
--- a/deploy/nginx/nginx.conf
+++ b/deploy/nginx/nginx.conf
@@ -73,6 +73,12 @@ http {
       location / {
         add_header Cache-Control no-cache;
       }
+      location /showcase/ {
+        proxy_pass https://doc-search.test.osinfra.cn/showcase;
+      }
+      location /industry/ {
+        proxy_pass https://doc-search.test.osinfra.cn/industry;
+      }
       root /usr/share/nginx/html;
       index index.html;
       #   error_page 404 /404.html;