common-script 配置化

2026-06-08 15:10:37 +00:00 · 2023-11-08 21:52:12 +08:00
parent b2759c6d5e
commit 38378a3323
9 changed files with 142 additions and 152 deletions
--- a/components/ExternalPlugins.js
+++ b/components/ExternalPlugins.js
@@ -30,28 +30,126 @@ const AdBlockDetect = dynamic(() => import('@/components/AdBlockDetect'), { ssr:
 */
 const ExternalPlugin = (props) => {
  return <>
-          {JSON.parse(siteConfig('THEME_SWITCH')) && <ThemeSwitch />}
-          {JSON.parse(siteConfig('DEBUG')) && <DebugPanel />}
-          {siteConfig('ANALYTICS_ACKEE_TRACKER') && <Ackee />}
-          {siteConfig('ANALYTICS_GOOGLE_ID') && <Gtag />}
-          {siteConfig('ANALYTICS_VERCEL') && <Analytics />}
-          {JSON.parse(siteConfig('ANALYTICS_BUSUANZI_ENABLE')) && <Busuanzi />}
-          {siteConfig('ADSENSE_GOOGLE_ID') && <GoogleAdsense />}
-          {siteConfig('FACEBOOK_APP_ID') && siteConfig('FACEBOOK_PAGE_ID') && <Messenger />}
-          {JSON.parse(siteConfig('FIREWORKS')) && <Fireworks />}
-          {JSON.parse(siteConfig('SAKURA')) && <Sakura />}
-          {JSON.parse(siteConfig('STARRY_SKY')) && <StarrySky />}
-          {JSON.parse(siteConfig('MUSIC_PLAYER')) && <MusicPlayer />}
-          {JSON.parse(siteConfig('NEST')) && <Nest />}
-          {JSON.parse(siteConfig('FLUTTERINGRIBBON')) && <FlutteringRibbon />}
-          {JSON.parse(siteConfig('COMMENT_TWIKOO_COUNT_ENABLE')) && <TwikooCommentCounter {...props}/>}
-          {JSON.parse(siteConfig('RIBBON')) && <Ribbon />}
-          {JSON.parse(siteConfig('CUSTOM_RIGHT_CLICK_CONTEXT_MENU')) && <CustomContextMenu {...props} />}
-          {!JSON.parse(siteConfig('CAN_COPY')) && <DisableCopy/>}
-          {JSON.parse(siteConfig('WEB_WHIZ_ENABLED')) && <WebWhiz/>}
-          {JSON.parse(siteConfig('AD_WWADS_BLOCK_DETECT')) && <AdBlockDetect/>}
-          <VConsole/>
-      </>
+    {JSON.parse(siteConfig('THEME_SWITCH')) && <ThemeSwitch />}
+    {JSON.parse(siteConfig('DEBUG')) && <DebugPanel />}
+    {siteConfig('ANALYTICS_ACKEE_TRACKER') && <Ackee />}
+    {siteConfig('ANALYTICS_GOOGLE_ID') && <Gtag />}
+    {siteConfig('ANALYTICS_VERCEL') && <Analytics />}
+    {JSON.parse(siteConfig('ANALYTICS_BUSUANZI_ENABLE')) && <Busuanzi />}
+    {siteConfig('ADSENSE_GOOGLE_ID') && <GoogleAdsense />}
+    {siteConfig('FACEBOOK_APP_ID') && siteConfig('FACEBOOK_PAGE_ID') && <Messenger />}
+    {JSON.parse(siteConfig('FIREWORKS')) && <Fireworks />}
+    {JSON.parse(siteConfig('SAKURA')) && <Sakura />}
+    {JSON.parse(siteConfig('STARRY_SKY')) && <StarrySky />}
+    {JSON.parse(siteConfig('MUSIC_PLAYER')) && <MusicPlayer />}
+    {JSON.parse(siteConfig('NEST')) && <Nest />}
+    {JSON.parse(siteConfig('FLUTTERINGRIBBON')) && <FlutteringRibbon />}
+    {JSON.parse(siteConfig('COMMENT_TWIKOO_COUNT_ENABLE')) && <TwikooCommentCounter {...props} />}
+    {JSON.parse(siteConfig('RIBBON')) && <Ribbon />}
+    {JSON.parse(siteConfig('CUSTOM_RIGHT_CLICK_CONTEXT_MENU')) && <CustomContextMenu {...props} />}
+    {!JSON.parse(siteConfig('CAN_COPY')) && <DisableCopy />}
+    {JSON.parse(siteConfig('WEB_WHIZ_ENABLED')) && <WebWhiz />}
+    {JSON.parse(siteConfig('AD_WWADS_BLOCK_DETECT')) && <AdBlockDetect />}
+    <VConsole />
+
+    {siteConfig('CHATBASE_ID') && (<>
+      <script id={siteConfig('CHATBASE_ID')} src="https://www.chatbase.co/embed.min.js" defer />
+      <script async dangerouslySetInnerHTML={{
+        __html: `
+         window.chatbaseConfig = {
+            chatbotId: "${siteConfig('CHATBASE_ID')}",
+        }
+    `
+      }} />
+    </>)}
+
+    {siteConfig('COMMENT_DAO_VOICE_ID') && (<>
+      {/* DaoVoice 反馈 */}
+      <script async dangerouslySetInnerHTML={{
+        __html: `
+              (function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/daf1a94b.js","daovoice")
+              `
+      }}
+      />
+      <script async dangerouslySetInnerHTML={{
+        __html: `
+             daovoice('init', {
+                app_id: "${siteConfig('COMMENT_DAO_VOICE_ID')}"
+              });
+              daovoice('update');
+              `
+      }}
+      />
+    </>)}
+
+    {siteConfig('AD_WWADS_ID') && <script type="text/javascript" charSet="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>}
+
+    {siteConfig('COMMENT_TWIKOO_ENV_ID') && <script defer src={siteConfig('COMMENT_TWIKOO_CDN_URL')} />}
+
+    {siteConfig('COMMENT_ARTALK_SERVER') && <script defer src={siteConfig('COMMENT_ARTALK_JS')} />}
+
+    {siteConfig('COMMENT_TIDIO_ID') && <script async src={`//code.tidio.co/${siteConfig('COMMENT_TIDIO_ID')}.js`} />}
+
+    {/* gitter聊天室 */}
+    {siteConfig('COMMENT_GITTER_ROOM') && (<>
+      <script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer />
+      <script async dangerouslySetInnerHTML={{
+        __html: `
+            ((window.gitter = {}).chat = {}).options = {
+              room: '${siteConfig('COMMENT_GITTER_ROOM')}'
+            };
+            `
+      }} />
+    </>)}
+
+    {/* 百度统计 */}
+    {siteConfig('ANALYTICS_BAIDU_ID') && (
+      <script async
+        dangerouslySetInnerHTML={{
+          __html: `
+          var _hmt = _hmt || [];
+          (function() {
+            var hm = document.createElement("script");
+            hm.src = "https://hm.baidu.com/hm.js?${siteConfig('ANALYTICS_BAIDU_ID')}";
+            var s = document.getElementsByTagName("script")[0]; 
+            s.parentNode.insertBefore(hm, s);
+          })();
+          `
+        }}
+      />
+    )}
+
+    {/* 站长统计 */}
+    {siteConfig('ANALYTICS_CNZZ_ID') && (
+      <script async
+        dangerouslySetInnerHTML={{
+          __html: `
+          document.write(unescape("%3Cspan style='display:none' id='cnzz_stat_icon_${siteConfig('ANALYTICS_CNZZ_ID')}'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D${siteConfig('ANALYTICS_CNZZ_ID')}' type='text/javascript'%3E%3C/script%3E"));
+          `
+        }}
+      />
+    )}
+
+    {/* 谷歌统计 */}
+    {siteConfig('ANALYTICS_GOOGLE_ID') && (<>
+      <script async
+        src={`https://www.googletagmanager.com/gtag/js?id=${siteConfig('ANALYTICS_GOOGLE_ID')}`}
+      />
+      <script async
+        dangerouslySetInnerHTML={{
+          __html: `
+                window.dataLayer = window.dataLayer || [];
+                function gtag(){dataLayer.push(arguments);}
+                gtag('js', new Date());
+                gtag('config', '${siteConfig('ANALYTICS_GOOGLE_ID')}', {
+                  page_path: window.location.pathname,
+                });
+              `
+        }}
+      />
+    </>)}
+
+  </>
 }

 export default ExternalPlugin