feat:docs banner

docs/website/docusaurus.config.js

@@ -1,6 +1,7 @@
 require('dotenv').config()
 
 const generateAlgoliKey = () => "ce5b8e1e4d0d35ff587caf75ac404df4"
+const isChinese = process.env.SEALOS_LANG === "zh-Hans"
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -59,6 +60,34 @@ const config = {
 
   themeConfig: { // @type {import('@docusaurus/preset-classic').ThemeConfig}
     metadata: [{ name: 'title', content: 'Sealos by 环界云' }],
+    ...(!isChinese && {
+      announcementBar: {
+        id: 'sealos_tip',
+        content: `
+        <div class="sealos-banner-box">
+          <div  >如果您是国内用户，请直接访问 👉 </div>
+          <div class="sealos-banner-btn" onclick="window.open('https://sealos.run', '_blank');">
+            国内官网
+          </div>
+            <svg 
+            onclick="handleBannerClose()"
+            width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clip-path="url(#clip0_1145_366)">
+              <path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22Z" fill="white" fill-opacity="0.16"/>
+              <path d="M12 21.75C6.61507 21.75 2.25 17.3849 2.25 12C2.25 6.61507 6.61507 2.25 12 2.25C17.3849 2.25 21.75 6.61507 21.75 12C21.75 17.3849 17.3849 21.75 12 21.75Z" stroke="white" stroke-opacity="0.1" stroke-width="0.5"/>
+              <path d="M9.17184 7.75696L11.9998 10.586L14.8278 7.75696L16.2428 9.17196L13.4138 12L16.2428 14.828L14.8278 16.243L11.9998 13.414L9.17184 16.243L7.75684 14.828L10.5858 12L7.75684 9.17196L9.17184 7.75696Z" fill="white"/>
+              </g>
+              <defs>
+              <clipPath id="clip0_1145_366">
+              <rect width="24" height="24" fill="white"/>
+              </clipPath>
+              </defs>
+            </svg>
+        </div>
+      `,
+        isCloseable: true,
+      }
+    }),
     algolia: {
       // Algolia 提供的应用 ID
       appId: "SLTSB7B9Y0",