feat:load cdn resources (#3553)

yang1666204 · web-flow · commit 32b75dad1717 · 2026-04-16T10:56:42.000+08:00
diff --git a/config/custom-docusaurus-plugin.js b/config/custom-docusaurus-plugin.js
@@ -0,0 +1,19 @@
+const path = require('path');
+
+module.exports = function (context, options) {
+    return {
+        name: 'custom-docusaurus-plugin',
+        configureWebpack(config, isServer, utils) {
+            return {
+                output: {
+                    ...config.output,
+                    publicPath:
+                        context.i18n.currentLocale === 'en'
+                            ? 'https://cdnd.selectdb.com/' :
+                            context.i18n.currentLocale === 'zh-CN' ?
+                                'https://cdnd.selectdb.com/zh-CN/' : 'https://cdnd.selectdb.com/ja/'
+                },
+            };
+        },
+    };
+};
diff --git a/config/ssrTemplate.js b/config/ssrTemplate.js
@@ -0,0 +1,33 @@
+module.exports = {
+    ssrTemplate: `<!DOCTYPE html>
+<html <%~ it.htmlAttributes %>>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="generator" content="Docusaurus v<%= it.version %>">
+    <% if (it.noIndex) { %>
+      <meta name="robots" content="noindex, nofollow" />
+    <% } %>
+    <%~ it.headTags %>
+    <% it.metaAttributes.forEach((metaAttribute) => { %>
+      <%~ metaAttribute %>
+    <% }); %>
+    <% it.stylesheets.forEach((stylesheet) => { %>
+      <link rel="stylesheet" href="<%= 'https://cdnd.selectdb.com' %><%= it.baseUrl %><%= stylesheet %>" />
+    <% }); %>
+    <% it.scripts.forEach((script) => { %>
+      <link rel="preload" href="<%= 'https://cdnd.selectdb.com' %><%= it.baseUrl %><%= script %>" as="script">
+    <% }); %>
+  </head>
+  <body <%~ it.bodyAttributes %>>
+    <%~ it.preBodyTags %>
+    <div id="__docusaurus">
+      <%~ it.appHtml %>
+    </div>
+    <% it.scripts.forEach((script) => { %>
+      <script src="<%= 'https://cdnd.selectdb.com' %><%= it.baseUrl %><%= script %>"></script>
+    <% }); %>
+    <%~ it.postBodyTags %>
+  </body>
+</html>`,
+};
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -3,6 +3,9 @@ const versionsPlugin = require('./config/versions-plugin');
 const VERSIONS = require('./versions.json');
 const { markdownBoldPlugin } = require('./config/markdown-bold-plugin');
 const { DEFAULT_VERSION } = require('./src/constant/version');
+const { ssrTemplate } = require('./config/ssrTemplate');
+const customDocusaurusPlugin = require('./config/custom-docusaurus-plugin');
+
 
 // Allow filtering doc versions via environment variable.
 // Usage: DOCS_VERSIONS="current,4.x" yarn docusaurus build
@@ -139,6 +142,7 @@ const config = {
                 sidebarPath: require.resolve('./sidebarsReleases.json'),
             }),
         ],
+        process.env.NODE_ENV === 'development' ? null : customDocusaurusPlugin,
         async function tailwindcssPlugin(context, options) {
             return {
                 name: 'docusaurus-tailwindcss',
@@ -671,6 +675,7 @@ const config = {
             //     },
             // ],s
         }),
+    ssrTemplate
 };
 
 module.exports = config;
diff --git a/static/.htaccess b/static/.htaccess
@@ -1,3 +1,3 @@
 <IfModule mod_headers.c>
-    Header set Content-Security-Policy "script-src 'self' widget.kapa.ai www.google.com https://hcaptcha.com https://*.hcaptcha.com https://www.gstatic.com 'unsafe-inline' 'unsafe-eval'; connect-src 'self' proxy.kapa.ai kapa-widget-proxy-la7dkmplpq-uc.a.run.app metrics.kapa.ai https://hcaptcha.com https://*.hcaptcha.com www.google.com; frame-src 'self' www.google.com https://hcaptcha.com https://*.hcaptcha.com; style-src 'self' 'unsafe-inline' https://hcaptcha.com https://*.hcaptcha.com;"
+    Header set Content-Security-Policy "script-src 'self' https://cdnd.selectdb.com widget.kapa.ai www.google.com https://hcaptcha.com https://*.hcaptcha.com https://www.gstatic.com 'unsafe-inline' 'unsafe-eval'; connect-src 'self' proxy.kapa.ai kapa-widget-proxy-la7dkmplpq-uc.a.run.app metrics.kapa.ai https://hcaptcha.com https://*.hcaptcha.com www.google.com; frame-src 'self' www.google.com https://hcaptcha.com https://*.hcaptcha.com; style-src 'self' https://cdnd.selectdb.com 'unsafe-inline' https://hcaptcha.com https://*.hcaptcha.com; img-src 'self' https://cdnd.selectdb.com data:; font-src 'self' https://cdnd.selectdb.com data:;"
 </IfModule>
