From bf63bfb53773ae1ddad65c6845fcdc289c4e0bc4 Mon Sep 17 00:00:00 2001
From: haml-707 <845831435@qq.com>
Date: Sat, 3 Sep 2022 15:04:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=88=A0=E9=99=A4=E5=A4=B4=E9=83=A8?=
 =?UTF-8?q?=E5=AF=BC=E8=88=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../.vuepress/lang/lang-modules/common.js     | 1441 ++++++++--------
 .../theme/components/CustomHeader.vue         | 1467 +++++++----------
 ...12\250\346\200\201(2022-7-1~2022-7-31).md" |   42 +-
 3 files changed, 1385 insertions(+), 1565 deletions(-)

diff --git a/web-ui/docs/.vuepress/lang/lang-modules/common.js b/web-ui/docs/.vuepress/lang/lang-modules/common.js
index 1b087b85..675e5a48 100644
--- a/web-ui/docs/.vuepress/lang/lang-modules/common.js
+++ b/web-ui/docs/.vuepress/lang/lang-modules/common.js
@@ -3,720 +3,749 @@
  * */
 
 module.exports = {
-    cn: {
-        MEETINGS_TIME: '会议时间：',
-        MEETINGS_REPLAY: '回放链接',
-        SEARCH_PLACE_HOLDER: '输入内容',
-        COOKIE_LEGAL_TEXT: '本站点使用Cookies，继续浏览表示您同意我们使用Cookies。',
-        COOKIE_LEGAL_LINK_TEXT: 'Cookies和隐私政策>',
-        NAV_ROUTER_CONFIG: [{
-                PATH: '',
-                NAME: '下载',
-                CHILDREN: [
-                    {
-                        NAME: 'ISO',
-                        PATH: '/download/'
-                    },
-                    {
-                        NAME: '镜像仓列表',
-                        PATH: '/mirror/list/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                NAME: '学习',
-                CHILDREN: [
-                    {
-                        NAME: '文档',
-                        PATH: '/zh/',
-                        IS_OPEN_WINDOW: 1
-                    },
-                    {
-                        NAME: '慕课',
-                        PATH: '/learn/mooc/'
-                    },
-                    {
-                        NAME: '实习',
-                        PATH: '/internship/'
-                    },
-                    {
-                        NAME: '学习培训',
-                        PATH: 'https://training-assessment.osinfra.cn/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: '互动',
-                CHILDREN: [{
-                        NAME: '新闻',
-                        PATH: '/interaction/news-list/'
-                    },
-                    {
-                        NAME: '博客',
-                        PATH: '/interaction/blog-list/'
-                    },
-                    {
-                        NAME: '直播',
-                        PATH: '/interaction/live-list/'
-                    },
-                    {
-                        NAME: '沙龙',
-                        PATH: '/interaction/salon-list/'
-                    },
-                    {
-                        NAME: '峰会',
-                        PATH: '/interaction/summit-list/devday2022/'
-                    }
-                ],
-                OTHER_CHILDREN: [
-                    {
-                        PATH: '/news/'
-                    },
-                    {
-                        PATH: '/blog/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: '社区',
-                CHILDREN: [{
-                        NAME: '贡献攻略',
-                        PATH: '/community/contribution/'
-                    },
-                    {
-                        NAME: '行为守则',
-                        PATH: '/community/conduct/'
-                    },
-                    {
-                        NAME: '邮件列表',
-                        PATH: '/community/mailing-list/'
-                    },
-                    {
-                        NAME: '人才评定',
-                        PATH: 'https://talent-assessment.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'HCIX认证',
-                        PATH: '/community/certification-services/'
-                    },
-                    {
-                        NAME: '贡献看板',
-                        PATH: 'https://datastat.openeuler.org/zh/overview',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'SIG',
-                CHILDREN: [{
-                        NAME: '查看SIG',
-                        PATH: '/sig/sig-list/'
-                    },
-                    {
-                        NAME: '申请流程',
-                        PATH: '/sig/sig-guidance/'
-                    },
-                    {
-                        NAME: '角色说明',
-                        PATH: '/sig/role-description/'
-                    },
-                    {
-                        NAME: '会议指南',
-                        PATH: '/sig/meeting-guide/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: '探索',
-                CHILDREN: [{
-                        NAME: 'A-Tune',
-                        PATH: '/other/projects/atune'
-                    },
-                    {
-                        NAME: 'BiSheng JDK',
-                        PATH: '/other/projects/bishengjdk'
-                    },
-                    {
-                        NAME: 'iSula',
-                        PATH: '/other/projects/isula'
-                    },
-                    {
-                        NAME: 'secGear',
-                        PATH: '/other/projects/secgear'
-                    },
-                    {
-                        NAME: 'StratoVirt',
-                        PATH: '/other/projects/stratovirt'
-                    },
-                    {
-                        NAME: 'Compass-CI',
-                        PATH: 'https://compass-ci.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'Compliance',
-                        PATH: 'https://compliance.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'Pkgship',
-                        PATH: 'https://pkgmanage.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'radiaTest',
-                        PATH: 'https://radiatest.openeuler.org',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: '支持',
-                CHILDREN: [{
-                        NAME: '漏洞管理',
-                        PATH: '/security/vulnerability-reporting/'
-                    },
-                    {
-                        NAME: '安全公告',
-                        PATH: '/security/safety-bulletin/'
-                    },
-                    {
-                        NAME: 'CVE',
-                        PATH: '/security/cve/'
-                    },
-                    {
-                        NAME: 'OSV技术测评',
-                        PATH: '/approve/'
-                    },
-                    {
-                        NAME: '兼容性技术测评',
-                        PATH: 'https://certification.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: '兼容性列表',
-                        PATH: '/compatibility/'
-                    },
-                    {
-                        NAME: '迁移专区',
-                        PATH: '/other/migration/'
-                    },
-                ],
-                CLASS: []
-            }
+  cn: {
+    MEETINGS_TIME: '会议时间：',
+    MEETINGS_REPLAY: '回放链接',
+    SEARCH_PLACE_HOLDER: '输入内容',
+    COOKIE_LEGAL_TEXT: '本站点使用Cookies，继续浏览表示您同意我们使用Cookies。',
+    COOKIE_LEGAL_LINK_TEXT: 'Cookies和隐私政策>',
+    NAV_ROUTER_CONFIG: [
+      {
+        PATH: '',
+        NAME: '下载',
+        CHILDREN: [
+          {
+            NAME: 'ISO',
+            PATH: '/download/',
+          },
+          {
+            NAME: '镜像仓列表',
+            PATH: '/mirror/list/',
+          },
         ],
-        LANG: '中文',
-        LANG_LIST: ['中文','English','Русский'],
-        GITTE: '源码',
-        CODE: '代码',
-        GITTE_RESOURCE_LIST: [{
-                NAME: '代码仓',
-                URL: 'https://gitee.com/openeuler'
-            },
-            {
-                NAME: '软件包仓',
-                URL: 'https://gitee.com/src-openeuler'
-            },
-            {
-                NAME: 'GitHub镜像仓',
-                URL: 'https://github.com/openeuler-mirror'
-            }
+        CLASS: [],
+      },
+      {
+        NAME: '学习',
+        CHILDREN: [
+          {
+            NAME: '文档',
+            PATH: '/zh/',
+            IS_OPEN_WINDOW: 1,
+          },
+          {
+            NAME: '慕课',
+            PATH: '/learn/mooc/',
+          },
+          {
+            NAME: '实习',
+            PATH: '/internship/',
+          },
+          {
+            NAME: '学习培训',
+            PATH: 'https://training-assessment.osinfra.cn/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
         ],
-        FOOTER: {
-            ATOM_TEXT:'openEuler 是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目',
-            ATOM_PC:'/atom-pc.png',
-            ATOM_MO:'/atom-mo.png',
-            MAIL: 'contact@openeuler.io',
-            COPY_RIGHT: '版权所有 © 2022 openEuler 保留一切权利',
-            RIGHT_LIST: [{
-                    NAME: '品牌',
-                    URL: 'https://new.openeuler.org/zh/other/brand/'
-                },
-                {
-                    NAME: '隐私政策',
-                    URL: '/zh/other/privacy/'
-                },
-                {
-                    NAME: '法律声明',
-                    URL: '/zh/other/legal/'
-                },
-                {
-                    NAME: '服务状态',
-                    URL: 'https://status.openeuler.org/'
-                },
-            ],
-            QR_CODE: 'openEuler公众号',
-            QR_ASSISTANT: 'openEuler小助手',
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: '互动',
+        CHILDREN: [
+          {
+            NAME: '新闻',
+            PATH: '/interaction/news-list/',
+          },
+          {
+            NAME: '博客',
+            PATH: '/interaction/blog-list/',
+          },
+          {
+            NAME: '直播',
+            PATH: '/interaction/live-list/',
+          },
+          {
+            NAME: '沙龙',
+            PATH: '/interaction/salon-list/',
+          },
+          {
+            NAME: '峰会',
+            PATH: '/interaction/summit-list/devday2022/',
+          },
+        ],
+        OTHER_CHILDREN: [
+          {
+            PATH: '/news/',
+          },
+          {
+            PATH: '/blog/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: '社区',
+        CHILDREN: [
+          {
+            NAME: '贡献攻略',
+            PATH: '/community/contribution/',
+          },
+          {
+            NAME: '行为守则',
+            PATH: '/community/conduct/',
+          },
+          {
+            NAME: '邮件列表',
+            PATH: '/community/mailing-list/',
+          },
+          {
+            NAME: '人才评定',
+            PATH: 'https://talent-assessment.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'HCIX认证',
+            PATH: '/community/certification-services/',
+          },
+          {
+            NAME: '贡献看板',
+            PATH: 'https://datastat.openeuler.org/zh/overview',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'SIG',
+        CHILDREN: [
+          {
+            NAME: '查看SIG',
+            PATH: '/sig/sig-list/',
+          },
+          {
+            NAME: '申请流程',
+            PATH: '/sig/sig-guidance/',
+          },
+          {
+            NAME: '角色说明',
+            PATH: '/sig/role-description/',
+          },
+          {
+            NAME: '会议指南',
+            PATH: '/sig/meeting-guide/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: '探索',
+        CHILDREN: [
+          {
+            NAME: 'A-Tune',
+            PATH: '/other/projects/atune',
+          },
+          {
+            NAME: 'BiSheng JDK',
+            PATH: '/other/projects/bishengjdk',
+          },
+          {
+            NAME: 'iSula',
+            PATH: '/other/projects/isula',
+          },
+          {
+            NAME: 'secGear',
+            PATH: '/other/projects/secgear',
+          },
+          {
+            NAME: 'StratoVirt',
+            PATH: '/other/projects/stratovirt',
+          },
+          {
+            NAME: 'Compass-CI',
+            PATH: 'https://compass-ci.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'Compliance',
+            PATH: 'https://compliance.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'Pkgship',
+            PATH: 'https://pkgmanage.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'radiaTest',
+            PATH: 'https://radiatest.openeuler.org',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: '支持',
+        CHILDREN: [
+          {
+            NAME: '漏洞管理',
+            PATH: '/security/vulnerability-reporting/',
+          },
+          {
+            NAME: '安全公告',
+            PATH: '/security/safety-bulletin/',
+          },
+          {
+            NAME: 'CVE',
+            PATH: '/security/cve/',
+          },
+          {
+            NAME: 'OSV技术测评',
+            PATH: '/approve/',
+          },
+          {
+            NAME: '兼容性技术测评',
+            PATH: 'https://certification.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: '兼容性列表',
+            PATH: '/compatibility/',
+          },
+          {
+            NAME: '迁移专区',
+            PATH: '/other/migration/',
+          },
+        ],
+        CLASS: [],
+      },
+    ],
+    LANG: '中文',
+    LANG_LIST: ['中文', 'English', 'Русский'],
+    GITTE: '源码',
+    CODE: '代码',
+    GITTE_RESOURCE_LIST: [
+      {
+        NAME: '代码仓',
+        URL: 'https://gitee.com/openeuler',
+      },
+      {
+        NAME: '软件包仓',
+        URL: 'https://gitee.com/src-openeuler',
+      },
+      {
+        NAME: 'GitHub镜像仓',
+        URL: 'https://github.com/openeuler-mirror',
+      },
+    ],
+    FOOTER: {
+      ATOM_TEXT:
+        'openEuler 是由开放原子开源基金会（OpenAtom Foundation）孵化及运营的开源项目',
+      ATOM_PC: '/atom-pc.png',
+      ATOM_MO: '/atom-mo.png',
+      MAIL: 'contact@openeuler.io',
+      COPY_RIGHT: '版权所有 © 2022 openEuler 保留一切权利',
+      RIGHT_LIST: [
+        {
+          NAME: '品牌',
+          URL: 'https://www.openeuler.org/zh/other/brand/',
+        },
+        {
+          NAME: '隐私政策',
+          URL: 'https://www.openeuler.org/zh/other/privacy/',
+        },
+        {
+          NAME: '法律声明',
+          URL: 'https://www.openeuler.org/zh/other/legal/',
         },
-        BUILDING:{
-            BUILDING:'建设中',
-            BUILDINGMES:'敬请期待...'
-        }
+        {
+          NAME: '服务状态',
+          URL: 'https://status.openeuler.org/',
+        },
+      ],
+      QR_CODE: 'openEuler公众号',
+      QR_ASSISTANT: 'openEuler小助手',
+    },
+    BUILDING: {
+      BUILDING: '建设中',
+      BUILDINGMES: '敬请期待...',
     },
-    en: {
-        MEETINGS_TIME: 'Time: ',
-        MEETINGS_REPLAY: 'Replay',
-        SEARCH_PLACE_HOLDER: 'Input content',
-        COOKIE_LEGAL_TEXT: 'This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.',
-        COOKIE_LEGAL_LINK_TEXT: 'Read our privacy policy>',
-        NAV_ROUTER_CONFIG: [{
-                PATH: '',
-                NAME: 'Download',
-                CHILDREN: [
-                    {
-                        NAME: 'Software Packages',
-                        PATH: '/download/'
-                    },
-                    {
-                        NAME: 'Mirrors',
-                        PATH: '/mirror/list/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                NAME: 'Learning',
-                CHILDREN: [
-                    {
-                        NAME: 'Documentation',
-                        PATH: '/en/',
-                        IS_OPEN_WINDOW: 1
-                    },
-                    {
-                        NAME: 'MOOC',
-                        PATH: '/learn/mooc/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Connect',
-                CHILDREN: [{
-                        NAME: 'News',
-                        PATH: '/interaction/news-list/'
-                    },
-                    {
-                        NAME: 'Blog',
-                        PATH: '/interaction/blog-list/'
-                    },
-                    {
-                        NAME: 'Live',
-                        PATH: '/interaction/live-list/'
-                    },
-                    {
-                        NAME: 'Meetups',
-                        PATH: '/interaction/salon-list/'
-                    },
-                    {
-                        NAME: 'Summit',
-                        PATH: '/interaction/summit-list/devday2022/'
-                    }
-                ],
-                OTHER_CHILDREN: [
-                    {
-                        PATH: '/news/'
-                    },
-                    {
-                        PATH: '/blog/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Community',
-                CHILDREN: [{
-                        NAME: 'Contribution',
-                        PATH: '/community/contribution/'
-                    },
-                    {
-                        NAME: 'Convention',
-                        PATH: '/community/conduct/'
-                    },
-                    {
-                        NAME: 'Mailing Lists',
-                        PATH: '/community/mailing-list/'
-                    },
-                    {
-                        NAME: 'Certification',
-                        PATH: '/community/certification-services/'
-                    },
-                    {
-                        NAME: 'Statistics',
-                        PATH: 'https://datastat.openeuler.org/en/overview',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'SIG',
-                CHILDREN: [{
-                        NAME: 'SIG Lists',
-                        PATH: '/sig/sig-list/'
-                    },
-                    {
-                        NAME: 'Application',
-                        PATH: '/sig/sig-guidance/'
-                    },
-                    {
-                        NAME: 'Roles',
-                        PATH: '/sig/role-description/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Discovery',
-                CHILDREN: [{
-                        NAME: 'A-Tune',
-                        PATH: '/other/projects/atune'
-                    },
-                    {
-                        NAME: 'BiSheng JDK',
-                        PATH: '/other/projects/bishengjdk'
-                    },
-                    {
-                        NAME: 'iSula',
-                        PATH: '/other/projects/isula'
-                    },
-                    {
-                        NAME: 'secGear',
-                        PATH: '/other/projects/secgear'
-                    },
-                    {
-                        NAME: 'StratoVirt',
-                        PATH: '/other/projects/stratovirt'
-                    },
-                    {
-                        NAME: 'Compass-CI',
-                        PATH: 'https://compass-ci.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'Compliance',
-                        PATH: 'https://compliance.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'Pkgship',
-                        PATH: 'https://pkgmanage.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'radiaTest',
-                        PATH: 'https://radiatest.openeuler.org',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Support',
-                CHILDREN: [{
-                        NAME: 'Vulnerability Management',
-                        PATH: '/security/vulnerability-reporting/'
-                    },
-                    {
-                        NAME: 'Security Advisories',
-                        PATH: '/security/safety-bulletin/'
-                    },
-                    {
-                        NAME: 'CVE',
-                        PATH: '/security/cve/'
-                    },
-                    {
-                        NAME: 'Compatibility List',
-                        PATH: '/compatibility/'
-                    },
-                ],
-                CLASS: []
-            }
+  },
+  en: {
+    MEETINGS_TIME: 'Time: ',
+    MEETINGS_REPLAY: 'Replay',
+    SEARCH_PLACE_HOLDER: 'Input content',
+    COOKIE_LEGAL_TEXT:
+      'This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies.',
+    COOKIE_LEGAL_LINK_TEXT: 'Read our privacy policy>',
+    NAV_ROUTER_CONFIG: [
+      {
+        PATH: '',
+        NAME: 'Download',
+        CHILDREN: [
+          {
+            NAME: 'Software Packages',
+            PATH: '/download/',
+          },
+          {
+            NAME: 'Mirrors',
+            PATH: '/mirror/list/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        NAME: 'Learning',
+        CHILDREN: [
+          {
+            NAME: 'Documentation',
+            PATH: '/en/',
+            IS_OPEN_WINDOW: 1,
+          },
+          {
+            NAME: 'MOOC',
+            PATH: '/learn/mooc/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Connect',
+        CHILDREN: [
+          {
+            NAME: 'News',
+            PATH: '/interaction/news-list/',
+          },
+          {
+            NAME: 'Blog',
+            PATH: '/interaction/blog-list/',
+          },
+          {
+            NAME: 'Live',
+            PATH: '/interaction/live-list/',
+          },
+          {
+            NAME: 'Meetups',
+            PATH: '/interaction/salon-list/',
+          },
+          {
+            NAME: 'Summit',
+            PATH: '/interaction/summit-list/devday2022/',
+          },
+        ],
+        OTHER_CHILDREN: [
+          {
+            PATH: '/news/',
+          },
+          {
+            PATH: '/blog/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Community',
+        CHILDREN: [
+          {
+            NAME: 'Contribution',
+            PATH: '/community/contribution/',
+          },
+          {
+            NAME: 'Convention',
+            PATH: '/community/conduct/',
+          },
+          {
+            NAME: 'Mailing Lists',
+            PATH: '/community/mailing-list/',
+          },
+          {
+            NAME: 'Certification',
+            PATH: '/community/certification-services/',
+          },
+          {
+            NAME: 'Statistics',
+            PATH: 'https://datastat.openeuler.org/en/overview',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'SIG',
+        CHILDREN: [
+          {
+            NAME: 'SIG Lists',
+            PATH: '/sig/sig-list/',
+          },
+          {
+            NAME: 'Application',
+            PATH: '/sig/sig-guidance/',
+          },
+          {
+            NAME: 'Roles',
+            PATH: '/sig/role-description/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Discovery',
+        CHILDREN: [
+          {
+            NAME: 'A-Tune',
+            PATH: '/other/projects/atune',
+          },
+          {
+            NAME: 'BiSheng JDK',
+            PATH: '/other/projects/bishengjdk',
+          },
+          {
+            NAME: 'iSula',
+            PATH: '/other/projects/isula',
+          },
+          {
+            NAME: 'secGear',
+            PATH: '/other/projects/secgear',
+          },
+          {
+            NAME: 'StratoVirt',
+            PATH: '/other/projects/stratovirt',
+          },
+          {
+            NAME: 'Compass-CI',
+            PATH: 'https://compass-ci.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'Compliance',
+            PATH: 'https://compliance.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'Pkgship',
+            PATH: 'https://pkgmanage.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'radiaTest',
+            PATH: 'https://radiatest.openeuler.org',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
         ],
-        LANG: 'English',
-        LANG_LIST: ['中文','English','Русский'],
-        GITTE: 'Source code',
-        CODE: 'CODE',
-        GITTE_RESOURCE_LIST: [{
-                NAME: 'Code Sources',
-                URL: 'https://gitee.com/openeuler'
-            },
-            {
-                NAME: 'Package Sources',
-                URL: 'https://gitee.com/src-openeuler'
-            },
-            {
-                NAME: 'GitHub Mirror',
-                URL: 'https://github.com/openeuler-mirror'
-            }
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Support',
+        CHILDREN: [
+          {
+            NAME: 'Vulnerability Management',
+            PATH: '/security/vulnerability-reporting/',
+          },
+          {
+            NAME: 'Security Advisories',
+            PATH: '/security/safety-bulletin/',
+          },
+          {
+            NAME: 'CVE',
+            PATH: '/security/cve/',
+          },
+          {
+            NAME: 'Compatibility List',
+            PATH: '/compatibility/',
+          },
         ],
-        FOOTER: {
-            ATOM_TEXT:'openEuler is an open source project incubated and operated by the OpenAtom Foundation.',
-            ATOM_PC:'/atom-pc.png',
-            ATOM_MO:'/atom-mo.png',
-            MAIL: 'contact@openeuler.io',
-            COPY_RIGHT: 'Copyright © 2022 openEuler. All rights reserved.',
-            RIGHT_LIST: [{
-                    NAME: 'Trademark',
-                    URL: 'https://new.openeuler.org/zh/other/brand/'
-                },
-                {
-                    NAME: 'Privacy Policy',
-                    URL: '/en/other/privacy/'
-                },
-                {
-                    NAME: 'Legal Notice',
-                    URL: '/en/other/legal/'
-                },
-                {
-                    NAME: 'Service Status',
-                    URL: 'https://status.openeuler.org/'
-                }
-            ],
-            QR_CODE: 'WeChat Subscription',
-            QR_ASSISTANT: 'WeChat Assistant',
+        CLASS: [],
+      },
+    ],
+    LANG: 'English',
+    LANG_LIST: ['中文', 'English', 'Русский'],
+    GITTE: 'Source code',
+    CODE: 'CODE',
+    GITTE_RESOURCE_LIST: [
+      {
+        NAME: 'Code Sources',
+        URL: 'https://gitee.com/openeuler',
+      },
+      {
+        NAME: 'Package Sources',
+        URL: 'https://gitee.com/src-openeuler',
+      },
+      {
+        NAME: 'GitHub Mirror',
+        URL: 'https://github.com/openeuler-mirror',
+      },
+    ],
+    FOOTER: {
+      ATOM_TEXT:
+        'openEuler is an open source project incubated and operated by the OpenAtom Foundation.',
+      ATOM_PC: '/atom-pc.png',
+      ATOM_MO: '/atom-mo.png',
+      MAIL: 'contact@openeuler.io',
+      COPY_RIGHT: 'Copyright © 2022 openEuler. All rights reserved.',
+      RIGHT_LIST: [
+        {
+          NAME: 'Trademark',
+          URL: 'https://www.openeuler.org/zh/other/brand/',
         },
-        BUILDING:{
-            BUILDING:'Building',
-            BUILDINGMES:'Coming soon…'
-        }
+        {
+          NAME: 'Privacy Policy',
+          URL: 'https://www.openeuler.org/en/other/privacy/',
+        },
+        {
+          NAME: 'Legal Notice',
+          URL: 'https://www.openeuler.org/en/other/legal/',
+        },
+        {
+          NAME: 'Service Status',
+          URL: 'https://status.openeuler.org/',
+        },
+      ],
+      QR_CODE: 'WeChat Subscription',
+      QR_ASSISTANT: 'WeChat Assistant',
+    },
+    BUILDING: {
+      BUILDING: 'Building',
+      BUILDINGMES: 'Coming soon…',
     },
-    ru: {
-        MEETINGS_TIME: 'Time: ',
-        MEETINGS_REPLAY: 'Воспроизведение',
-        SEARCH_PLACE_HOLDER: 'Введите текст',
-        COOKIE_LEGAL_TEXT: 'Продолжая просмотр сайта и(или) нажимая X, я соглашаюсь с использованием файлов cookie владельцем сайта в соответствии с ',
-        COOKIE_LEGAL_TEXT_OTHER: 'в том числе на передачу данных, указанных в Политике, третьим лицам (статистическим службам сети Интернет), в соответствии с ',
-        COOKIE_LEGAL_LINK_TEXT: 'Политикой в отношении файлов cookie ',
-        COOKIE_LEGAL_LINK_TEXT_OTHER: 'Пользовательским соглашением >',
-        NAV_ROUTER_CONFIG: [{
-                PATH: '',
-                NAME: 'Загрузить',
-                CHILDREN: [
-                    {
-                        NAME: 'Software Packages',
-                        PATH: '/download/'
-                    },
-                    {
-                        NAME: 'Mirrors',
-                        PATH: '/mirror/list/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                NAME: 'Обучение',
-                CHILDREN: [
-                    {
-                        NAME: 'Документация',
-                        PATH: '/ru/',
-                        IS_OPEN_WINDOW: 1
-                    },
-                    {
-                        NAME: 'МООК',
-                        PATH: '/learn/mooc/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Подключиться',
-                CHILDREN: [{
-                        NAME: 'Новости',
-                        PATH: '/interaction/news-list/'
-                    },
-                    {
-                        NAME: 'Блог',
-                        PATH: '/interaction/blog-list/'
-                    },
-                    {
-                        NAME: 'Прямой эфир',
-                        PATH: '/interaction/live-list/'
-                    },
-                    {
-                        NAME: 'Семинары',
-                        PATH: '/interaction/salon-list/'
-                    },
-                    {
-                        NAME: 'Саммит',
-                        PATH: '/interaction/summit-list/devday2022/'
-                    }
-                ],
-                OTHER_CHILDREN: [
-                    {
-                        PATH: '/news/'
-                    },
-                    {
-                        PATH: '/blog/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Сообщество',
-                CHILDREN: [
-                    {
-                        NAME: 'Кодекс',
-                        PATH: '/community/conduct/'
-                    },
-                    {
-                        NAME: 'Сертификация',
-                        PATH: '/community/certification-services/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'SIG',
-                CHILDREN: [{
-                        NAME: 'Списки SIG',
-                        PATH: '/sig/sig-list/'
-                    },
-                    {
-                        NAME: 'Заявка',
-                        PATH: '/sig/sig-guidance/'
-                    },
-                    {
-                        NAME: 'Роли',
-                        PATH: '/sig/role-description/'
-                    }
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Открытие',
-                CHILDREN: [{
-                        NAME: 'A-Tune',
-                        PATH: '/other/projects/atune'
-                    },
-                    {
-                        NAME: 'BiSheng JDK',
-                        PATH: '/other/projects/bishengjdk'
-                    },
-                    {
-                        NAME: 'iSula',
-                        PATH: '/other/projects/isula'
-                    },
-                    {
-                        NAME: 'secGear',
-                        PATH: '/other/projects/secgear'
-                    },
-                    {
-                        NAME: 'StratoVirt',
-                        PATH: '/other/projects/stratovirt'
-                    },
-                    {
-                        NAME: 'Compass-CI',
-                        PATH: 'https://compass-ci.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'Compliance',
-                        PATH: 'https://compliance.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'Pkgship',
-                        PATH: 'https://pkgmanage.openeuler.org/',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                    {
-                        NAME: 'radiaTest',
-                        PATH: 'https://radiatest.openeuler.org',
-                        IS_OPEN_MINISITE_WINDOW: 1
-                    },
-                ],
-                CLASS: []
-            },
-            {
-                PATH: '',
-                NAME: 'Поддержка',
-                CHILDREN: [{
-                        NAME: 'Управление уязвимостями',
-                        PATH: '/security/vulnerability-reporting/'
-                    },
-                    {
-                        NAME: 'Консультанты по безопасности',
-                        PATH: '/security/safety-bulletin/'
-                    },
-                    {
-                        NAME: 'CVE',
-                        PATH: '/security/cve/'
-                    },
-                    {
-                        NAME: 'Список совместимости',
-                        PATH: '/compatibility/'
-                    },
-                ],
-                CLASS: []
-            }
+  },
+  ru: {
+    MEETINGS_TIME: 'Time: ',
+    MEETINGS_REPLAY: 'Воспроизведение',
+    SEARCH_PLACE_HOLDER: 'Введите текст',
+    COOKIE_LEGAL_TEXT:
+      'Продолжая просмотр сайта и(или) нажимая X, я соглашаюсь с использованием файлов cookie владельцем сайта в соответствии с ',
+    COOKIE_LEGAL_TEXT_OTHER:
+      'в том числе на передачу данных, указанных в Политике, третьим лицам (статистическим службам сети Интернет), в соответствии с ',
+    COOKIE_LEGAL_LINK_TEXT: 'Политикой в отношении файлов cookie ',
+    COOKIE_LEGAL_LINK_TEXT_OTHER: 'Пользовательским соглашением >',
+    NAV_ROUTER_CONFIG: [
+      {
+        PATH: '',
+        NAME: 'Загрузить',
+        CHILDREN: [
+          {
+            NAME: 'Software Packages',
+            PATH: '/download/',
+          },
+          {
+            NAME: 'Mirrors',
+            PATH: '/mirror/list/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        NAME: 'Обучение',
+        CHILDREN: [
+          {
+            NAME: 'Документация',
+            PATH: '/ru/',
+            IS_OPEN_WINDOW: 1,
+          },
+          {
+            NAME: 'МООК',
+            PATH: '/learn/mooc/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Подключиться',
+        CHILDREN: [
+          {
+            NAME: 'Новости',
+            PATH: '/interaction/news-list/',
+          },
+          {
+            NAME: 'Блог',
+            PATH: '/interaction/blog-list/',
+          },
+          {
+            NAME: 'Прямой эфир',
+            PATH: '/interaction/live-list/',
+          },
+          {
+            NAME: 'Семинары',
+            PATH: '/interaction/salon-list/',
+          },
+          {
+            NAME: 'Саммит',
+            PATH: '/interaction/summit-list/devday2022/',
+          },
+        ],
+        OTHER_CHILDREN: [
+          {
+            PATH: '/news/',
+          },
+          {
+            PATH: '/blog/',
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Сообщество',
+        CHILDREN: [
+          {
+            NAME: 'Кодекс',
+            PATH: '/community/conduct/',
+          },
+          {
+            NAME: 'Сертификация',
+            PATH: '/community/certification-services/',
+          },
         ],
-        LANG: 'Русский',
-        LANG_LIST: ['中文','English','Русский'],
-        GITTE: 'Source code',
-        CODE: 'Код',
-        GITTE_RESOURCE_LIST: [{
-                NAME: 'Источники кода',
-                URL: 'https://gitee.com/openeuler'
-            },
-            {
-                NAME: 'Источники пакетов',
-                URL: 'https://gitee.com/src-openeuler'
-            },
-            {
-                NAME: 'Зеркало GitHub',
-                URL: 'https://github.com/openeuler-mirror'
-            }
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'SIG',
+        CHILDREN: [
+          {
+            NAME: 'Списки SIG',
+            PATH: '/sig/sig-list/',
+          },
+          {
+            NAME: 'Заявка',
+            PATH: '/sig/sig-guidance/',
+          },
+          {
+            NAME: 'Роли',
+            PATH: '/sig/role-description/',
+          },
         ],
-        FOOTER: {
-            ATOM_TEXT:'openEuler - это проект с открытым исходным кодом, созданный и управляемый фондом OpenAtom.',
-            ATOM_PC:'/atom-pc.png',
-            ATOM_MO:'/atom-mo.png',
-            MAIL: 'contact@openeuler.io',
-            COPY_RIGHT: 'Авторские права © openEuler 2022. Все права защищены.',
-            RIGHT_LIST: [{
-                    NAME: 'Товарный знак',
-                    URL: 'https://new.openeuler.org/zh/other/brand/'
-                },
-                {
-                    NAME: 'Политика конфиденциальности',
-                    URL: '/ru/other/privacy/'
-                },
-                {
-                    NAME: 'Правовое уведомление',
-                    URL: '/ru/other/legal/'
-                },
-                {
-                    NAME: 'Статус сервиса',
-                    URL: 'https://status.openeuler.org/'
-                }
-            ],
-            QR_CODE: 'Подписка на WeChat'
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Открытие',
+        CHILDREN: [
+          {
+            NAME: 'A-Tune',
+            PATH: '/other/projects/atune',
+          },
+          {
+            NAME: 'BiSheng JDK',
+            PATH: '/other/projects/bishengjdk',
+          },
+          {
+            NAME: 'iSula',
+            PATH: '/other/projects/isula',
+          },
+          {
+            NAME: 'secGear',
+            PATH: '/other/projects/secgear',
+          },
+          {
+            NAME: 'StratoVirt',
+            PATH: '/other/projects/stratovirt',
+          },
+          {
+            NAME: 'Compass-CI',
+            PATH: 'https://compass-ci.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'Compliance',
+            PATH: 'https://compliance.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'Pkgship',
+            PATH: 'https://pkgmanage.openeuler.org/',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+          {
+            NAME: 'radiaTest',
+            PATH: 'https://radiatest.openeuler.org',
+            IS_OPEN_MINISITE_WINDOW: 1,
+          },
+        ],
+        CLASS: [],
+      },
+      {
+        PATH: '',
+        NAME: 'Поддержка',
+        CHILDREN: [
+          {
+            NAME: 'Управление уязвимостями',
+            PATH: '/security/vulnerability-reporting/',
+          },
+          {
+            NAME: 'Консультанты по безопасности',
+            PATH: '/security/safety-bulletin/',
+          },
+          {
+            NAME: 'CVE',
+            PATH: '/security/cve/',
+          },
+          {
+            NAME: 'Список совместимости',
+            PATH: '/compatibility/',
+          },
+        ],
+        CLASS: [],
+      },
+    ],
+    LANG: 'Русский',
+    LANG_LIST: ['中文', 'English', 'Русский'],
+    GITTE: 'Source code',
+    CODE: 'Код',
+    GITTE_RESOURCE_LIST: [
+      {
+        NAME: 'Источники кода',
+        URL: 'https://gitee.com/openeuler',
+      },
+      {
+        NAME: 'Источники пакетов',
+        URL: 'https://gitee.com/src-openeuler',
+      },
+      {
+        NAME: 'Зеркало GitHub',
+        URL: 'https://github.com/openeuler-mirror',
+      },
+    ],
+    FOOTER: {
+      ATOM_TEXT:
+        'openEuler - это проект с открытым исходным кодом, созданный и управляемый фондом OpenAtom.',
+      ATOM_PC: '/atom-pc.png',
+      ATOM_MO: '/atom-mo.png',
+      MAIL: 'contact@openeuler.io',
+      COPY_RIGHT: 'Авторские права © openEuler 2022. Все права защищены.',
+      RIGHT_LIST: [
+        {
+          NAME: 'Товарный знак',
+          URL: 'https://www.openeuler.org/zh/other/brand/',
+        },
+        {
+          NAME: 'Политика конфиденциальности',
+          URL: 'https://www.openeuler.org/ru/other/privacy/',
+        },
+        {
+          NAME: 'Правовое уведомление',
+          URL: 'https://www.openeuler.org/ru/other/legal/',
         },
-        BUILDING:{
-            BUILDING:'Создание',
-            BUILDINGMES:'Ожидается...'
-        }
-    }
-};
\ No newline at end of file
+        {
+          NAME: 'Статус сервиса',
+          URL: 'https://status.openeuler.org/',
+        },
+      ],
+      QR_CODE: 'Подписка на WeChat',
+    },
+    BUILDING: {
+      BUILDING: 'Создание',
+      BUILDINGMES: 'Ожидается...',
+    },
+  },
+};
diff --git a/web-ui/docs/.vuepress/theme/components/CustomHeader.vue b/web-ui/docs/.vuepress/theme/components/CustomHeader.vue
index 241d4d70..c0aed6e4 100644
--- a/web-ui/docs/.vuepress/theme/components/CustomHeader.vue
+++ b/web-ui/docs/.vuepress/theme/components/CustomHeader.vue
@@ -1,906 +1,697 @@
 <template>
-    <div :class="'nav-fill '+(cookiesShow?'cookies-show':'')">
-        <div class="nav-wrapper">
-            <div class="nav-bar" :class="{'is-home':$route.path.length === 4}">
-                <img
-                    src="/openeuler-logo.png"
-                    alt=""
-                    class="nav-logo"
-                    @click="goHome()"
-                />
-                <img
-                    src="/openeuler-logo.png"
-                    alt=""
-                    class="nav-logo nav-logo-mobile"
-                    @click="goHome()"
-                />
-                <ul :class="{'nav-menu': true,'lang-en': $lang == 'en'}">
-                    <li
-                        v-for="(item, index) in i18n.common.NAV_ROUTER_CONFIG"
-                        :key="index"
-                        @mouseenter="showSub(item.CLASS)"
-                        @mouseleave="hideSub(item.CLASS)"
-                        :class="item.CLASS"
-                    >
-                        <a
-                            @click="go(item)"
-                            :class="{
-                                'menu-link': true,
-                                'menu-active': menuActiveFn(item)
-                            }"
-                            >{{ item.NAME }}
-                            <span></span>
-                            </a
-                        >
-                        <div
-                            @mouseenter="showSub(item.CLASS)"
-                            @mouseleave="hideSub(item.CLASS)"
-                            class="sub-menu"
-                            v-if="item.CHILDREN.length"
-                        >
-                            <ul class="sig-menu-content">
-                                <li
-                                    v-for="(subItem,
-                                    subItemIndex) in item.CHILDREN"
-                                    :key="subItemIndex"
-                                    @click="go(subItem)"
-                                >
-                                    {{ subItem.NAME }}
-                                </li>
-                            </ul>
-                            <span class="submenu-arrow"></span>
-                        </div>
-                    </li>
-                </ul>
-                <el-collapse-transition>
-                    <ul
-                        class="nav-menu-mobile"
-                        v-show="menuMobileFlag"
-                    >
-                        <li
-                            v-for="(item, index) in i18n.common.NAV_ROUTER_CONFIG"
-                            :key="index"
-                        >
-                            <a
-                                :class="{
-                                    'menu-link': true,
-                                    'menu-active': menuActiveFn(item) && !item.CHILDREN.length
-                                }"
-                                @click="toggleSub(item)"
-                                >{{ item.NAME
-                                }}<i
-                                    :class="{
-                                        'icon-arrow': true,
-                                        'arrow-active':
-                                            item.CLASS.indexOf('arrow-active') >
-                                                -1 ||
-                                            (menuActiveFn(item) && mobileActiveFlag)
-                                    }"
-                                    v-if="item.CHILDREN.length"
-                                ></i
-                            ></a>
-                            <el-collapse-transition>
-
-                                <ul
-                                    class="sub-menu"
-                                    v-show="item.CLASS.indexOf('arrow-active') > -1 ||
-                                            (menuActiveFn(item) && mobileActiveFlag)"
-                                >
-                                    <li
-                                        v-for="(subItem, subIndex) in item.CHILDREN"
-                                        :class="{
-                                            'sub-menu-color-active':
-                                                $route.path.includes(resolvePath(subItem.PATH))
-                                        }"
-                                        :key="subIndex"
-                                        @click="go(subItem)"
-                                    >
-                                        {{ subItem.NAME }}
-                                    </li>
-                                </ul>
-                            </el-collapse-transition>
-                        </li>
-                        <li>
-                            <a
-                                :class="{
-                                    'menu-link': true,
-                                    'menu-active': gitteResourceFlag
-                                }"
-                                @click="toggleSubGitee"
-                                >{{ i18n.common.GITTE }}<i
-                                    :class="{
-                                        'icon-arrow': true,
-                                        'arrow-active': gitteResourceFlag
-                                    }"
-                                ></i
-                            ></i>
-                            </a>
-                            <el-collapse-transition>
-
-                                <ul
-                                    class="sub-menu"
-                                    v-show="gitteResourceFlag"
-                                >
-                                    <li
-                                        v-for="(item, index) in i18n.common.GITTE_RESOURCE_LIST"
-                                        :key="index"
-                                        @click="open(item.URL)"
-                                    >
-                                        {{ item.NAME }}
-                                    </li>
-                                </ul>
-                            </el-collapse-transition>
-                        </li>
-                    </ul>
-                </el-collapse-transition>
-                <div
-                    :class="{ mask: menuMobileFlag }"
-                    @click="menuMobileFlag = false"
-                ></div>
-                <div :class="{ 'search-mobile': true, show: searchFlag }">
-                    <el-input
-                        :placeholder="i18n.common.SEARCH_PLACE_HOLDER"
-                        v-model="searchData"
-                        @keyup.enter.native="toSearch"
-                    >
-                    <i
-                        class="icon-search el-input__icon"
-                        slot="suffix"
-                        @click="toSearch"
-                        >
-                    </i>
-                    </el-input>
-                </div>
-                <ul class="nav-other" v-show="!pcSearchFlag">
-                    <li class="lang">
-                        <span class="icon-lang"></span>
-                        <ul>
-                            <li
-                                v-for="(item,
-                                index) in i18n.common.LANG_LIST"
-                                :key="index"
-                                :class="i18n.common.LANG === item?'lang-list':''"
-                                @click="toggleLang(item)"
-                            >
-                                {{ item }}
-                            </li>
-                            <span class="submenu-arrow"></span>
-                        </ul>
-                    </li>
-                    <li>
-                        <span>{{ i18n.common.CODE }}</span>
-                        <ul>
-                            <li
-                                v-for="(item,
-                                index) in i18n.common.GITTE_RESOURCE_LIST"
-                                :key="index"
-                                @click="open(item.URL)"
-                            >
-                                {{ item.NAME }}
-                            </li>
-                            <span class="submenu-arrow"></span>
-                        </ul>
-                    </li>
-                    <li class="search" @click="pcSearchFlag=true">
-                        <img src="/search.png" alt="" />
-                    </li>
-                </ul>
-                <div class="search-input" v-show="pcSearchFlag">
-                    <el-input
-                        size="small"
-                        :placeholder="i18n.common.SEARCH_PLACE_HOLDER"
-                        v-model="searchData"
-                        @blur="hidePcSearchInput"
-                        @keyup.enter.native="toSearch"
-                    >
-                    <i
-                        class="icon-search el-input__icon"
-                        slot="suffix"
-                        @click="toSearch"
-                        >
-                    </i>
-                    </el-input>
-                </div>
-                <ul class="nav-other-mobile nav-other">
-                    <li :class="['lang',menuMobileFlag?'del-hover':'']">
-                        <span class="icon-lang"></span>
-                        <ul>
-                            <li
-                                v-for="(item,
-                                index) in i18n.common.LANG_LIST"
-                                :key="index"
-                                :class="i18n.common.LANG === item?'lang-list':''"
-                                @click="toggleLang(item)"
-                            >
-                                {{ item }}
-                            </li>
-                            <span class="submenu-arrow"></span>
-                        </ul>
-                    </li>
-                    <li
-                        :class="{ search: true, 'search-active': searchFlag }"
-                        @click="toggleSearchMobile"
-                    >
-                        <span class="icon-search"></span>
-                    </li>
-                    <li
-                        :class="{
-                            menu: true,
-                            'menu-icon-active': menuMobileFlag
-                        }"
-                        @click="toggleMenuMobile"
-                    >
-                        <span class="icon-menu"></span>
-                    </li>
-                </ul>
-            </div>
-        </div>
-        <div :class="'cookie-legal ' + (($lang==='ru')?'cookie-legal-ru':'')" v-if="cookiesShow">
-            <template v-if="$lang!=='ru'">
-                {{i18n.common.COOKIE_LEGAL_TEXT}}
-                <a :href="'/'+$lang+'/other/privacy/'">{{i18n.common.COOKIE_LEGAL_LINK_TEXT}}</a>
-            </template>
-            <template v-else>
-                {{i18n.common.COOKIE_LEGAL_TEXT}}
-                <a :href="'/'+$lang+'/other/privacy/'">{{i18n.common.COOKIE_LEGAL_LINK_TEXT}}</a>
-                {{i18n.common.COOKIE_LEGAL_TEXT_OTHER}}
-                <a :href="'/'+$lang+'/other/privacy/'">{{i18n.common.COOKIE_LEGAL_LINK_TEXT_OTHER}}</a>
-            </template>
-            <img @click="close" src="/img/common/icon-close.png">
-        </div>
+  <div :class="'nav-fill ' + (cookiesShow ? 'cookies-show' : '')">
+    <div class="nav-wrapper">
+      <div class="nav-bar" :class="{ 'is-home': $route.path.length === 4 }">
+        <img
+          src="/openeuler-logo.png"
+          alt=""
+          class="nav-logo"
+          @click="goHome()"
+        />
+        <img
+          src="/openeuler-logo.png"
+          alt=""
+          class="nav-logo nav-logo-mobile"
+          @click="goHome()"
+        />
+      </div>
     </div>
+    <div
+      :class="'cookie-legal ' + ($lang === 'ru' ? 'cookie-legal-ru' : '')"
+      v-if="cookiesShow"
+    >
+      <template v-if="$lang !== 'ru'">
+        {{ i18n.common.COOKIE_LEGAL_TEXT }}
+        <a :href="'/' + $lang + '/other/privacy/'">{{
+          i18n.common.COOKIE_LEGAL_LINK_TEXT
+        }}</a>
+      </template>
+      <template v-else>
+        {{ i18n.common.COOKIE_LEGAL_TEXT }}
+        <a :href="'/' + $lang + '/other/privacy/'">{{
+          i18n.common.COOKIE_LEGAL_LINK_TEXT
+        }}</a>
+        {{ i18n.common.COOKIE_LEGAL_TEXT_OTHER }}
+        <a :href="'/' + $lang + '/other/privacy/'">{{
+          i18n.common.COOKIE_LEGAL_LINK_TEXT_OTHER
+        }}</a>
+      </template>
+      <img @click="close" src="/img/common/icon-close.png" />
+    </div>
+  </div>
 </template>
 
 <script>
 let cookieUtils = null;
 export default {
-    data() {
-        return {
-            toggleSubMenu: [],
-            menuActivePath: "",
-            menuMobileFlag: false,
-            searchData: "",
-            searchFlag: false,
-            mobileActiveFlag : true,
-            pcSearchFlag: false,
-            gitteResourceFlag: false,
-            i18n: this.i18n || {
-                common : {}
-            },
-            cookiesShow: false
-        };
+  data() {
+    return {
+      toggleSubMenu: [],
+      menuActivePath: '',
+      menuMobileFlag: false,
+      searchData: '',
+      searchFlag: false,
+      mobileActiveFlag: true,
+      pcSearchFlag: false,
+      gitteResourceFlag: false,
+      i18n: this.i18n || {
+        common: {},
+      },
+      cookiesShow: false,
+    };
+  },
+  mounted() {
+    cookieUtils = require('./../../libs/cookie-utils').default;
+    this.cookiesShow = !cookieUtils.get('key');
+  },
+  methods: {
+    close() {
+      cookieUtils.set('key', 'key', 30);
+      this.cookiesShow = false;
     },
-    mounted() {
-        cookieUtils = require('./../../libs/cookie-utils').default;
-        this.cookiesShow = !cookieUtils.get('key');
+    hidePcSearchInput() {
+      setTimeout(() => {
+        this.pcSearchFlag = false;
+      }, 100);
     },
-    methods: {
-        close() {
-            cookieUtils.set('key', 'key', 30);
-            this.cookiesShow = false;
-        },
-        hidePcSearchInput (){
-            setTimeout(() => {
-                this.pcSearchFlag = false;
-            },100)
-        },
-        toSearch () {
-            this.searchFlag = false;
-            this.pcSearchFlag = false;
-            this.$router.push({
-                path: this.resolvePath('/other/search/'),
-                query: {
-                    keyword: encodeURI(this.searchData)
-                }
-            })
-        },
-        open (url) {
-            window.open(url);
-        },
-        goHome() {
-            const targetLocale = "/" + this.$lang + "/";
-            this.$router.push(targetLocale);
-            this.menuMobileFlag = false;
-        },
-        go(item) {
-            if(item.IS_OPEN_WINDOW){
-                window.open(this.$site.themeConfig.docsUrl + item.PATH);
-                return;
-            }
-            if(item.IS_OPEN_MINISITE_WINDOW){
-                window.open(item.PATH);
-                return;
-            }
-            if (item.PATH) {
-                this.$router.push({
-                    path: this.resolvePath(item.PATH)
-                });
-                this.menuMobileFlag = false;
-            }
-        },
-        showSub(toggleClass) {
-            toggleClass.push("show-sub-menu");
-        },
-        hideSub(toggleClass) {
-            toggleClass.pop();
-        },
-        toggleLang(item) {
-            let lang = '';
-            if(item === '中文') {
-                lang = 'zh';
-            }else if(item === 'English') {
-                lang = 'en';
-            }else {
-                lang = 'ru';
-            }
-            window.localStorage.setItem("locale", lang);
-            let currentLink = this.$page.path;
-            let query = '';
-            for(let key in this.$route.query) {
-                if(query.includes('?')){
-                    query +='&' + key + '=' +this.$route.query[key];
-                } else {
-                    query +='?' + key + '=' +this.$route.query[key];
-                }
-            }
-            if(this.$page.path.includes('/docs/')){
-                window.location.href = '/' + lang + '/documentation/';
-                return;
-            }
-            currentLink = '/' + lang + currentLink.substring(3) + query;
-            window.location.href = decodeURIComponent(currentLink);
-        },
-        menuActiveFn(item) {
-            const $route = this.$route;
-            let children = item.CHILDREN;
-            if(item.OTHER_CHILDREN) {
-                children = children.concat(item.OTHER_CHILDREN);
-            }
-            return (
-                $route.path.includes(this.resolvePath(item.PATH)) ||
-                children.some(
-                    item =>
-                        $route.path.includes(this.resolvePath(item.PATH))
-                )
-            );
-        },
-        toggleMenuMobile() {
-            this.searchFlag = false;
-            this.menuMobileFlag = !this.menuMobileFlag;
-        },
-        toggleSub(item) {
-            if (item.PATH) {
-                this.$router.push(this.resolvePath(item.PATH));
-                this.menuMobileFlag = false;
-                return;
-            }
-            if(this.mobileActiveFlag && this.menuActiveFn(item)){
-                this.mobileActiveFlag = false;
-                return;
-            }
-            if (item.CLASS.length) {
-                item.CLASS.pop();
-            } else {
-                this.gitteResourceFlag = false;
-                this.i18n.common.NAV_ROUTER_CONFIG.forEach(item => {
-                    item.CLASS = [];
-                });
-                item.CLASS.push("arrow-active");
-            }
-            this.mobileActiveFlag = false;
+    toSearch() {
+      this.searchFlag = false;
+      this.pcSearchFlag = false;
+      this.$router.push({
+        path: this.resolvePath('/other/search/'),
+        query: {
+          keyword: encodeURI(this.searchData),
         },
-        toggleSubGitee () {
-            this.mobileActiveFlag = false;
-            if(this.gitteResourceFlag) {
-                this.gitteResourceFlag = false;
-            } else {
-                this.i18n.common.NAV_ROUTER_CONFIG.forEach(item => {
-                    item.CLASS = [];
-                });
-                this.gitteResourceFlag = true;
-            }
-        },
-        toggleSearchMobile() {
-            this.menuMobileFlag = false;
-            this.searchFlag = !this.searchFlag;
+      });
+    },
+    open(url) {
+      window.open(url);
+    },
+    goHome() {
+      const targetLocale = '/' + this.$lang + '/';
+      this.$router.push(targetLocale);
+      this.menuMobileFlag = false;
+    },
+    go(item) {
+      if (item.IS_OPEN_WINDOW) {
+        window.open(this.$site.themeConfig.docsUrl + item.PATH);
+        return;
+      }
+      if (item.IS_OPEN_MINISITE_WINDOW) {
+        window.open(item.PATH);
+        return;
+      }
+      if (item.PATH) {
+        this.$router.push({
+          path: this.resolvePath(item.PATH),
+        });
+        this.menuMobileFlag = false;
+      }
+    },
+    showSub(toggleClass) {
+      toggleClass.push('show-sub-menu');
+    },
+    hideSub(toggleClass) {
+      toggleClass.pop();
+    },
+    toggleLang(item) {
+      let lang = '';
+      if (item === '中文') {
+        lang = 'zh';
+      } else if (item === 'English') {
+        lang = 'en';
+      } else {
+        lang = 'ru';
+      }
+      window.localStorage.setItem('locale', lang);
+      let currentLink = this.$page.path;
+      let query = '';
+      for (let key in this.$route.query) {
+        if (query.includes('?')) {
+          query += '&' + key + '=' + this.$route.query[key];
+        } else {
+          query += '?' + key + '=' + this.$route.query[key];
         }
-    }
+      }
+      if (this.$page.path.includes('/docs/')) {
+        window.location.href = '/' + lang + '/documentation/';
+        return;
+      }
+      currentLink = '/' + lang + currentLink.substring(3) + query;
+      window.location.href = decodeURIComponent(currentLink);
+    },
+    menuActiveFn(item) {
+      const $route = this.$route;
+      let children = item.CHILDREN;
+      if (item.OTHER_CHILDREN) {
+        children = children.concat(item.OTHER_CHILDREN);
+      }
+      return (
+        $route.path.includes(this.resolvePath(item.PATH)) ||
+        children.some((item) =>
+          $route.path.includes(this.resolvePath(item.PATH))
+        )
+      );
+    },
+    toggleMenuMobile() {
+      this.searchFlag = false;
+      this.menuMobileFlag = !this.menuMobileFlag;
+    },
+    toggleSub(item) {
+      if (item.PATH) {
+        this.$router.push(this.resolvePath(item.PATH));
+        this.menuMobileFlag = false;
+        return;
+      }
+      if (this.mobileActiveFlag && this.menuActiveFn(item)) {
+        this.mobileActiveFlag = false;
+        return;
+      }
+      if (item.CLASS.length) {
+        item.CLASS.pop();
+      } else {
+        this.gitteResourceFlag = false;
+        this.i18n.common.NAV_ROUTER_CONFIG.forEach((item) => {
+          item.CLASS = [];
+        });
+        item.CLASS.push('arrow-active');
+      }
+      this.mobileActiveFlag = false;
+    },
+    toggleSubGitee() {
+      this.mobileActiveFlag = false;
+      if (this.gitteResourceFlag) {
+        this.gitteResourceFlag = false;
+      } else {
+        this.i18n.common.NAV_ROUTER_CONFIG.forEach((item) => {
+          item.CLASS = [];
+        });
+        this.gitteResourceFlag = true;
+      }
+    },
+    toggleSearchMobile() {
+      this.menuMobileFlag = false;
+      this.searchFlag = !this.searchFlag;
+    },
+  },
 };
 </script>
 <style lang="less" scoped>
 .nav-fill {
-    .search-mobile {
-        .el-input {
-            width: 80%;
-            margin: 9px;
-        }
+  .search-mobile {
+    .el-input {
+      width: 80%;
+      margin: 9px;
     }
+  }
 
-    .el-input__icon {
-        display: inline-block;
-        margin-top: 4px;
-        cursor: pointer;
-    }
+  .el-input__icon {
+    display: inline-block;
+    margin-top: 4px;
+    cursor: pointer;
+  }
 }
 .nav-other li span {
-    font-size: 16px;
+  font-size: 16px;
 
-    font-weight: normal;
-    color: #000000;
-    line-height: 16px;
+  font-weight: normal;
+  color: #000000;
+  line-height: 16px;
 }
 </style>
 <style lang="less" scoped>
 @keyframes fade-in {
-    0% {
-        opacity: 0;
-        top: -60px;
-    }
-    100% {
-        opacity: 1;
-        top: 0;
-    }
+  0% {
+    opacity: 0;
+    top: -60px;
+  }
+  100% {
+    opacity: 1;
+    top: 0;
+  }
 }
 .menu-active {
-    @media (min-width: 1000px) {
-        & > span {
-            transform:scale(1,1) !important;
-        }
-    }
-    @media screen and (max-width: 1000px) {
-        color: #0041bd;
+  @media (min-width: 1000px) {
+    & > span {
+      transform: scale(1, 1) !important;
     }
+  }
+  @media screen and (max-width: 1000px) {
+    color: #0041bd;
+  }
 }
 .menu-mobile-active {
-    display: block !important;
+  display: block !important;
 }
 .show {
-    display: block !important;
+  display: block !important;
 }
 .search-active {
-    color: #0041bd;
+  color: #0041bd;
 }
 .mask {
-    position: fixed;
-    top: 72px;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, 0.4);
+  position: fixed;
+  top: 72px;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.4);
 }
 .nav-fill {
+  height: 60px;
+  @media screen and (max-width: 1000px) {
+    height: 70px;
+  }
+  .nav-wrapper {
+    background-color: #fff;
+    animation: fade-in;
+    animation-duration: 0.5s;
     height: 60px;
+    width: 100%;
+    position: fixed;
+    z-index: 999;
     @media screen and (max-width: 1000px) {
-        height: 70px;
+      height: 70px;
     }
-    .nav-wrapper {
-        background-color: #fff;
-        animation: fade-in;
-        animation-duration: 0.5s;
-        height: 60px;
+    .nav-bar {
+      max-width: 1120px;
+      height: 100%;
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      @media screen and (max-width: 1000px) {
         width: 100%;
-        position: fixed;
-        z-index: 999;
-        @media screen and (max-width: 1000px) {
-            height: 70px;
+        padding: 0 15px;
+        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
+      }
+      ul li {
+        display: inline-block;
+      }
+      .nav-logo {
+        flex-shrink: 0;
+        margin-right: 28px;
+        cursor: pointer;
+        height: 60px;
+      }
+      .nav-logo-mobile {
+        display: none;
+        width: 142px;
+        height: auto;
+      }
+      .nav-other-mobile {
+        display: none !important;
+        height: 100%;
+        .menu-icon-active {
+          color: #0041bd;
         }
-        .nav-bar {
-            max-width: 1120px;
-            height: 100%;
-            margin: 0 auto;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            @media screen and (max-width: 1000px) {
-                width: 100%;
-                padding: 0 15px;
-                box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
-            }
-            ul li {
-                display: inline-block;
-            }
-            .nav-logo {
-                flex-shrink: 0;
-                margin-right: 28px;
-                cursor: pointer;
-                height: 60px;
+        li {
+          height: 100%;
+          line-height: 70px;
+          span {
+            vertical-align: middle;
+          }
+          margin-left: 20px;
+          cursor: pointer;
+        }
+        .lang {
+          font-size: 16px;
+        }
+        .search {
+          font-size: 22px;
+        }
+        .menu {
+          font-size: 20px;
+        }
+      }
+      .nav-menu-mobile {
+        max-height: calc(100vh - 70px);
+        overflow-y: scroll;
+        background-color: #fff;
+        position: fixed;
+        top: 70px;
+        left: 0;
+        width: 100%;
+        padding: 10px 30px;
+        z-index: 998;
+        & > li {
+          display: block;
+          border-bottom: 1px solid rgba(0, 0, 0, 0.09);
+          padding: 10px 0;
+          &:last-child {
+            border-bottom: none;
+            margin-bottom: 0;
+          }
+          a {
+            border: none;
+            font-size: 16px;
+
+            height: 26px;
+            line-height: 26px;
+            display: inline-block;
+            width: 100%;
+            position: relative;
+            .arrow-active {
+              color: #0041bd;
+              transform: rotate(90deg);
             }
-            .nav-logo-mobile {
-                display: none;
-                width: 142px;
-                height: auto;
+            i {
+              position: absolute;
+              right: 7px;
+              top: 5px;
             }
-            .nav-other-mobile {
-                display: none !important;
-                height: 100%;
-                .menu-icon-active {
-                    color: #0041bd;
-                }
-                li {
-                    height: 100%;
-                    line-height: 70px;
-                    span {
-                        vertical-align: middle;
-                    }
-                    margin-left: 20px;
-                    cursor: pointer;
-                }
-                .lang {
-                    font-size: 16px;
-                }
-                .search {
-                    font-size: 22px;
-                }
-                .menu {
-                    font-size: 20px;
-                }
+          }
+          .sub-menu {
+            margin-left: 15px;
+            .sub-menu-color-active {
+              color: #0041bd;
             }
-            .nav-menu-mobile {
-                max-height: calc(100vh - 70px);
-                overflow-y: scroll;
-                background-color: #fff;
-                position: fixed;
-                top: 70px;
-                left: 0;
-                width: 100%;
-                padding: 10px 30px;
-                z-index: 998;
-                & > li {
-                    display: block;
-                    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
-                    padding: 10px 0;
-                    &:last-child {
-                        border-bottom: none;
-                        margin-bottom: 0;
-                    }
-                    a {
-                        border: none;
-                        font-size: 16px;
+            li {
+              display: block;
+              height: 26px;
+              line-height: 26px;
+              font-size: 14px;
 
-                        height: 26px;
-                        line-height: 26px;
-                        display: inline-block;
-                        width: 100%;
-                        position: relative;
-                        .arrow-active {
-                            color: #0041bd;
-                            transform: rotate(90deg);
-                        }
-                        i {
-                            position: absolute;
-                            right: 7px;
-                            top: 5px;
-                        }
-                    }
-                    .sub-menu {
-                        margin-left: 15px;
-                        .sub-menu-color-active {
-                            color: #0041bd;
-                        }
-                        li {
-                            display: block;
-                            height: 26px;
-                            line-height: 26px;
-                            font-size: 14px;
+              color: rgba(0, 0, 0, 0.7);
+              margin: 6px 0;
+              &:last-child {
+                margin-bottom: 0;
+              }
+            }
+          }
+        }
+      }
+      .lang-en {
+        & > li {
+          padding: 0 15px !important;
+          &:first-child {
+            padding-left: 20px !important;
+          }
+        }
+      }
+      .nav-menu {
+        height: 100%;
+        // flex: 3;
 
-                            color: rgba(0, 0, 0, 0.7);
-                            margin: 6px 0;
-                            &:last-child {
-                                margin-bottom: 0;
-                            }
-                        }
-                    }
-                }
+        color: #000;
+        font-size: 16px;
+        display: flex;
+        align-items: center;
+        @media screen and (max-width: 1000px) {
+          display: none;
+        }
+        @media screen and (max-width: 1280px) {
+          // flex:2;
+        }
+        .menu-link span {
+          display: block;
+          transform: scale(0, 0);
+          position: relative;
+          width: 100%;
+          height: 4px;
+          border-radius: 4px;
+          background-color: #002fa7;
+          top: -8px;
+          transition: all 0.3s;
+        }
+        .show-sub-menu {
+          .sub-menu {
+            transform: translate(-50%) scaleY(1);
+            top: 60px;
+          }
+        }
+        .sub-menu {
+          background-color: #fff;
+          position: absolute;
+          left: 50%;
+          white-space: nowrap;
+          display: table;
+          transition: all 0.3s;
+          transform-origin: top;
+          transform: translate(-50%) scaleY(0);
+          border: 1px solid #002fa7;
+          box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
+          border-radius: 5px;
+          font-size: 14px;
+          .sig-menu-content {
+            cursor: pointer;
+            padding: 16px;
+            text-align: center;
+            line-height: 14px;
+            li {
+              color: unset;
+              cursor: pointer;
+              display: block;
+              margin-bottom: 16px;
+              &:hover {
+                color: #0041bd;
+              }
             }
-            .lang-en {
-                & > li {
-                    padding: 0 15px !important;
-                    &:first-child {
-                        padding-left: 20px !important;
-                    }
-                }
+            li:last-child {
+              margin-bottom: 0;
             }
-            .nav-menu {
-                height: 100%;
-                // flex: 3;
-
-                color: #000;
-                font-size: 16px;
-                display: flex;
-                align-items: center;
-                @media screen and (max-width: 1000px) {
-                    display: none;
-                }
-                @media screen and (max-width: 1280px) {
-                    // flex:2;
-                }
-                .menu-link span {
-                    display: block;
-                    transform:scale(0,0);
-                    position: relative;
-                    width: 100%;
-                    height: 4px;
-                    border-radius: 4px;
-                    background-color: #002FA7;
-                    top: -8px;
-                    transition: all .3s;
-                }
-                .show-sub-menu {
-                    .sub-menu {
-                        transform: translate(-50%) scaleY(1);
-                        top: 60px;
-                    }
-                }
-                .sub-menu {
-                    background-color: #fff;
-                    position: absolute;
-                    left: 50%;
-                    white-space: nowrap;
-                    display: table;
-                    transition: all .3s;
-                    transform-origin: top;
-                    transform: translate(-50%) scaleY(0);
-                    border: 1px solid #002fa7;
-                    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
-                    border-radius: 5px;
-                    font-size: 14px;
-                    .sig-menu-content {
-                        cursor: pointer;
-                        padding: 16px;
-                        text-align: center;
-                        line-height: 14px;
-                        li {
-                            color: unset;
-                            cursor: pointer;
-                            display: block;
-                            margin-bottom: 16px;
-                            &:hover {
-                                color: #0041bd;
-                            }
-                        }
-                        li:last-child {
-                            margin-bottom: 0;
-                        }
-                    }
-                    .submenu-arrow {
-                        position: absolute;
-                        width: 22px;
-                        height: 13px;
-                        top: -6px;
-                        left: 50%;
-                        margin-left: -11px;
-                        background: url('/submenu-arrow.svg') no-repeat;
-                        background-position: 50% 43%;
-                    }
-                }
-                & > li {
-                    position: relative;
-                    padding: 0 20px;
-                    height: 100%;
-                    line-height: 60px;
-                    &:hover {
-                        & > a {
-                            color: #002fa7;
-                        }
-                    }
-                    @media screen and (max-width: 1000px) {
-                        line-height: 70px;
-                    }
-                    & > a {
-                        display: inline-block;
-                        height: 100%;
-                        cursor: pointer;
-                        &:hover {
-                            span {
-                                transform:scale(1,1);
-                            }
-                        }
-                    }
-                }
+          }
+          .submenu-arrow {
+            position: absolute;
+            width: 22px;
+            height: 13px;
+            top: -6px;
+            left: 50%;
+            margin-left: -11px;
+            background: url('/submenu-arrow.svg') no-repeat;
+            background-position: 50% 43%;
+          }
+        }
+        & > li {
+          position: relative;
+          padding: 0 20px;
+          height: 100%;
+          line-height: 60px;
+          &:hover {
+            & > a {
+              color: #002fa7;
+            }
+          }
+          @media screen and (max-width: 1000px) {
+            line-height: 70px;
+          }
+          & > a {
+            display: inline-block;
+            height: 100%;
+            cursor: pointer;
+            &:hover {
+              span {
+                transform: scale(1, 1);
+              }
             }
-            .nav-other {
-                flex: 1;
-                height: 100%;
-                font-size: 16px;
-                color: #000;
+          }
+        }
+      }
+      .nav-other {
+        flex: 1;
+        height: 100%;
+        font-size: 16px;
+        color: #000;
 
-                display: flex;
-                justify-content: flex-end;
-                .lang {
-                    .icon-lang {
-                        display: block;
-                        width: 22px;
-                        height: 22px;
-                        background-image: url('/lang.png');
-                        background-size: contain;
-                    }
-                    &>ul .lang-list {
-                        color: #0041bd;
-                    }
-                }
-                @media screen and (max-width: 1000px) {
-                    display: none;
-                }
-                // @media screen and (max-width: 1280px) {
-                //     justify-content: flex-start;
-                // }
-                & > li {
-                    position: relative;
-                    width: 22px;
-                    margin-left: 22px;
-                    cursor: pointer;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    justify-content: center;
-                    &:nth-of-type(2) {
-                        width: 32px;
-                    }
-                    img {
-                        width: 100%;
-                    }
-                    &:hover {
-                        ul {
-                            transform: translate(-50%) scaleY(1);
-                            top: 60px;
-                        }
-                    }
-                    ul {
-                        top: 60px;
-                        background-color: #fff;
-                        position: absolute;
-                        left: 50%;
-                        white-space: nowrap;
-                        display: table;
-                        transition: all .3s;
-                        transform-origin: top;
-                        transform: translate(-50%) scaleY(0);
-                        border: 1px solid #002fa7;
-                        box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
-                        border-radius: 5px;
-                        font-size: 14px;
-                        cursor: pointer;
-                        padding: 16px;
-                        text-align: center;
-                        line-height: 14px;
-                        li {
-                            cursor: pointer;
-                            display: block;
-                            line-height: 25px;
-                            &:hover {
-                                color: #0041bd;
-                            }
-                        }
-                        li:nth-child(3) {
-                            margin-bottom: 0;
-                        }
-                        .submenu-arrow {
-                            position: absolute;
-                            width: 22px;
-                            height: 13px;
-                            top: -6px;
-                            left: 50%;
-                            margin-left: -11px;
-                            background: url('/submenu-arrow.svg') no-repeat;
-                            background-position: 50% 43%;
-                        }
-                        &:hover {
-                            transform: translate(-50%) scaleY(1);
-                            top: 60px;
-                        }
-                    }
-                }
+        display: flex;
+        justify-content: flex-end;
+        .lang {
+          .icon-lang {
+            display: block;
+            width: 22px;
+            height: 22px;
+            background-image: url('/lang.png');
+            background-size: contain;
+          }
+          & > ul .lang-list {
+            color: #0041bd;
+          }
+        }
+        @media screen and (max-width: 1000px) {
+          display: none;
+        }
+        // @media screen and (max-width: 1280px) {
+        //     justify-content: flex-start;
+        // }
+        & > li {
+          position: relative;
+          width: 22px;
+          margin-left: 22px;
+          cursor: pointer;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          &:nth-of-type(2) {
+            width: 32px;
+          }
+          img {
+            width: 100%;
+          }
+          &:hover {
+            ul {
+              transform: translate(-50%) scaleY(1);
+              top: 60px;
+            }
+          }
+          ul {
+            top: 60px;
+            background-color: #fff;
+            position: absolute;
+            left: 50%;
+            white-space: nowrap;
+            display: table;
+            transition: all 0.3s;
+            transform-origin: top;
+            transform: translate(-50%) scaleY(0);
+            border: 1px solid #002fa7;
+            box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.1);
+            border-radius: 5px;
+            font-size: 14px;
+            cursor: pointer;
+            padding: 16px;
+            text-align: center;
+            line-height: 14px;
+            li {
+              cursor: pointer;
+              display: block;
+              line-height: 25px;
+              &:hover {
+                color: #0041bd;
+              }
             }
-            .search-input {
-                flex-shrink: 0;
-                width: 240px;
-                .el-input__icon{
-                    line-height: 29px;
-                    cursor: pointer;
-                }
+            li:nth-child(3) {
+              margin-bottom: 0;
             }
-            .search-mobile {
-                display: none;
-                text-align: center;
-                position: fixed;
-                top: 70px;
-                left: 0;
-                width: 100%;
-                background-color: #fff;
-                .icon-search {
-                    font-size: 20px;
-                }
+            .submenu-arrow {
+              position: absolute;
+              width: 22px;
+              height: 13px;
+              top: -6px;
+              left: 50%;
+              margin-left: -11px;
+              background: url('/submenu-arrow.svg') no-repeat;
+              background-position: 50% 43%;
             }
-            @media screen and (max-width: 1000px) {
-                .nav-logo {
-                    display: none;
-                }
-                .nav-logo-mobile {
-                    display: inline-block;
-                }
-                .nav-other-mobile {
-                    display: flex !important;
-                    flex: 0;
-                    .lang>ul {
-                        border-bottom-right-radius:0;
-                        border-bottom-left-radius:0;
-                        box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
-                        border: 1px solid rgba(0, 47, 167, 0.5);
-                        padding: 20px;
-                        li {
-                            margin: 16px 0 0 0;
-                            height: 16px;
-                            line-height: 16px;
-                            font-size: 16px;
-                            &:first-of-type {
-                                margin: 0;
-                            }
-                        }
-                    }
-                    .del-hover>ul {
-                        display: none;
-                    }
-                }
+            &:hover {
+              transform: translate(-50%) scaleY(1);
+              top: 60px;
             }
+          }
         }
-        .is-home {
-            max-width: 1448px;
-            padding: 0 16px;
+      }
+      .search-input {
+        flex-shrink: 0;
+        width: 240px;
+        .el-input__icon {
+          line-height: 29px;
+          cursor: pointer;
         }
-    }
-}
-.cookies-show {
-    height: 120px;
-    @media screen and (max-width: 1000px) {
-        height: 130px;
-    }
-    .nav-wrapper {
-        top: 60px;
-        .nav-menu-mobile,.search-mobile,.mask {
-            top: 130px !important;
-        }
-    }
-    .cookie-legal {
-        line-height: 60px;
-        z-index: 999;
-        width: 100%;
-        position: fixed;
-        height: 60px;
+      }
+      .search-mobile {
+        display: none;
         text-align: center;
-        background-color: #f3f3f3;
-        color: #333;
-        font-size: 14px;
-        @media screen and (max-width: 1000px) {
-            font-size: 12px;
-            line-height: 30px;
+        position: fixed;
+        top: 70px;
+        left: 0;
+        width: 100%;
+        background-color: #fff;
+        .icon-search {
+          font-size: 20px;
         }
-        a {
-            cursor: pointer;
-            text-decoration: solid;
+      }
+      @media screen and (max-width: 1000px) {
+        .nav-logo {
+          display: none;
         }
-        img {
-            cursor: pointer;
-            vertical-align: middle;
-            margin-left: 20px;
-            @media screen and (max-width: 1000px) {
-                width: 20px;
-                height: 20px;
-                margin-left: 0;
+        .nav-logo-mobile {
+          display: inline-block;
+        }
+        .nav-other-mobile {
+          display: flex !important;
+          flex: 0;
+          .lang > ul {
+            border-bottom-right-radius: 0;
+            border-bottom-left-radius: 0;
+            box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
+            border: 1px solid rgba(0, 47, 167, 0.5);
+            padding: 20px;
+            li {
+              margin: 16px 0 0 0;
+              height: 16px;
+              line-height: 16px;
+              font-size: 16px;
+              &:first-of-type {
+                margin: 0;
+              }
             }
+          }
+          .del-hover > ul {
+            display: none;
+          }
         }
+      }
     }
-    .cookie-legal-ru {
-        line-height: 30px;
-        @media screen and (max-width: 1000px) {
-            line-height: 10px;
-        }
+    .is-home {
+      max-width: 1448px;
+      padding: 0 16px;
     }
+  }
 }
-@media screen and (min-width: 1000px) and (max-width: 1120px){
-    .nav-bar {
-        width: 100% !important;
+.cookies-show {
+  height: 120px;
+  @media screen and (max-width: 1000px) {
+    height: 130px;
+  }
+  .nav-wrapper {
+    top: 60px;
+    .nav-menu-mobile,
+    .search-mobile,
+    .mask {
+      top: 130px !important;
     }
+  }
+  .cookie-legal {
+    line-height: 60px;
+    z-index: 999;
+    width: 100%;
+    position: fixed;
+    height: 60px;
+    text-align: center;
+    background-color: #f3f3f3;
+    color: #333;
+    font-size: 14px;
+    @media screen and (max-width: 1000px) {
+      font-size: 12px;
+      line-height: 30px;
+    }
+    a {
+      cursor: pointer;
+      text-decoration: solid;
+    }
+    img {
+      cursor: pointer;
+      vertical-align: middle;
+      margin-left: 20px;
+      @media screen and (max-width: 1000px) {
+        width: 20px;
+        height: 20px;
+        margin-left: 0;
+      }
+    }
+  }
+  .cookie-legal-ru {
+    line-height: 30px;
+    @media screen and (max-width: 1000px) {
+      line-height: 10px;
+    }
+  }
+}
+@media screen and (min-width: 1000px) and (max-width: 1120px) {
+  .nav-bar {
+    width: 100% !important;
+  }
 }
 </style>
diff --git "a/web-ui/docs/zh/blog/rosinL/2022-8-16-Ceph\347\244\276\345\214\272\345\212\250\346\200\201(2022-7-1~2022-7-31).md" "b/web-ui/docs/zh/blog/rosinL/2022-8-16-Ceph\347\244\276\345\214\272\345\212\250\346\200\201(2022-7-1~2022-7-31).md"
index 9bcb37b1..17c4d39c 100644
--- "a/web-ui/docs/zh/blog/rosinL/2022-8-16-Ceph\347\244\276\345\214\272\345\212\250\346\200\201(2022-7-1~2022-7-31).md"
+++ "b/web-ui/docs/zh/blog/rosinL/2022-8-16-Ceph\347\244\276\345\214\272\345\212\250\346\200\201(2022-7-1~2022-7-31).md"
@@ -1,15 +1,15 @@
 ---
-title:Ceph社区动态	（2022-7-1~2022-7-30）
-date:2022-8-13
+title: Ceph社区动态	（2022-7-1~2022-7-30）
+date: 2022-8-13
 tags:
--Ceph
--动态
--Pacific
--OpenEuler
-sig:sig-SDS
-archives:2022-08
-author:fengchunsong
-summary:Ceph社区动态
+    -Ceph
+    -动态
+    -Pacific
+    -OpenEuler
+    sig:sig-SDS
+    archives:2022-08
+    author:fengchunsong
+    summary:Ceph社区动态
 ---
 # Ceph社区动态	（2022-7-1~2022-7-30）
 
@@ -66,17 +66,17 @@ bluestore_rocksdb_options = compression=kLZ4Compression,max_write_buffer_number=
 
 ## 近期Ceph Developer动态
 Ceph社区各个模块会定期举行会议，讨论和对齐开发进展，会后有视频上传至[youtube](https://www.youtube.com/channel/UCno-Fry25FJ7B4RycCxOtfw/videos)，主要会议信息如下：
-|会议名称|说明|频率|
-|-------|----|----|
-|Crimson SeaStore OSD Weekly Meeting |Crimson & Seastore开发周例会|周|
-|Ceph Orchestration Meeting|Ceph管理模块（Mgr）开发|周|
-|Ceph DocUBetter Meeting |文档优化|双周|
-|Ceph Performance Meeting|Ceph性能优化|双周|
-|Ceph Developer Monthly|Ceph开发者月度例会|月|
-|Ceph Testing Meeting|版本验证及发布例会|月|
-|Ceph Science User Group Meeting|Ceph科学计算领域会议|不定期|
-|Ceph Leadership Team Meeting|Ceph领导团队例会|周|
-|Ceph Tech talks|Ceph社区技术相关主题讨论|月|
+| 会议名称                            | 说明                         | 频率   |
+| ----------------------------------- | ---------------------------- | ------ |
+| Crimson SeaStore OSD Weekly Meeting | Crimson & Seastore开发周例会 | 周     |
+| Ceph Orchestration Meeting          | Ceph管理模块（Mgr）开发      | 周     |
+| Ceph DocUBetter Meeting             | 文档优化                     | 双周   |
+| Ceph Performance Meeting            | Ceph性能优化                 | 双周   |
+| Ceph Developer Monthly              | Ceph开发者月度例会           | 月     |
+| Ceph Testing Meeting                | 版本验证及发布例会           | 月     |
+| Ceph Science User Group Meeting     | Ceph科学计算领域会议         | 不定期 |
+| Ceph Leadership Team Meeting        | Ceph领导团队例会             | 周     |
+| Ceph Tech talks                     | Ceph社区技术相关主题讨论     | 月     |
 
 ### Performance Meeting
 - v17.2.1比v17.2.0性能降低
-- 
Gitee