feat: update header use process.env (#602)

gatsby-node.js

@@ -111,6 +111,7 @@ exports.onCreateWebpackConfig = ({ stage, rules, loaders, plugins, actions }) =>
     actions.setWebpackConfig({
         resolve: {
             alias: {
+                'semi-site-header': process.env.SEMI_SITE_HEADER || '@douyinfe/semi-site-header',
                 '@douyinfe/semi-ui': resolve('packages/semi-ui'),
                 '@douyinfe/semi-foundation': resolve('packages/semi-foundation'),
                 '@douyinfe/semi-icons': resolve('packages/semi-icons/src/'),

src/components/header.js

@@ -1,36 +1,24 @@
 import React from 'react';
 import { _t } from 'utils/locale';
-import SemiSiteHeader from '@douyinfe/semi-site-header';
-import '@douyinfe/semi-site-header/dist/index.css';
+import SemiSiteHeader from 'semi-site-header';
+import 'semi-site-header/dist/index.css';
 import { navigate } from 'gatsby';
 
 const Header = ({ location, localeCode, style }) => (
     <div>
         <SemiSiteHeader
             style={style}
-            transparent={true}
-            colorReverse={false}
-            location={location}
-            hasSearch={true}
-            onSearch={() => window.showSearch()}
             onDarkChange={(mode)=>{
                 const iframeDOM=document.querySelector('iframe');
-                try{
+                try {
                     iframeDOM?.contentWindow?.semidoc?.setDarkmode(mode==='dark');
-                }catch (e){
+                } catch (e){
 
                 }
             }}
             onLocaleChange={locale => {
-                if (locale === 'en-US') {
-                    localStorage.setItem('locale', 'en-US');
-                    navigate(location.pathname.replace('zh-CN', 'en-US'));
-
-                } else {
-                    localStorage.setItem('locale', 'zh-CN');
-                    navigate(location.pathname.replace('en-US', 'zh-CN'));
-
-                }
+                localStorage.setItem('locale', locale);
+                navigate(location.pathname.replace(/zh-CN|en-US/, locale));
                 return false;
             }}
         />