Merge pull request #35 from xlgzsgf/astro

feat: ✨ Rework UI and Improve Responsiveness, Clean Up Codebase

Author: zxypro1

astro.config.mjs

@@ -1,42 +1,21 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
-import partytown from "@astrojs/partytown";
-import preact from "@astrojs/preact";
 import { autoImportComponents } from "@serverless-cd/goat-ui/src/utils";
 import tailwind from "@astrojs/tailwind";
 import icon from "astro-icon";
-// import compress from 'astro-compress';
-import rehypeExternalLinks from "rehype-external-links";
-
-import {
-  addPrefixImageLink,
-  remarkRemoveMdLinks,
-  remarkRemovePlainLanguageCode,
-  remarkRemoveRepeatHeader,
-  setLinkReferrer,
-} from "./src/utils/frontmatter.mjs";
-import { ANALYTICS, SIDEBAR, SITE } from "./src/utils/config.ts";
-import { starlightAsides } from "./node_modules/@astrojs/starlight/integrations/asides";
+import { SIDEBAR, SITE } from "./src/utils/config.ts";
 import topLevelAwait from "vite-plugin-top-level-await";
 import starlightUtils from "@lorenzo_lewis/starlight-utils";
 
-const whenExternalScripts = (items = []) =>
-  ANALYTICS.vendors.googleAnalytics.id &&
-  ANALYTICS.vendors.googleAnalytics.partytown
-    ? Array.isArray(items)
-      ? items.map((item) => item())
-      : [items()]
-    : [];
-
 // https://astro.build/config
 export default defineConfig({
   site: process.env.DEPLOY_SITE || SITE.site,
   base: SITE.base,
+  //设置处理后斜杠的策略
   trailingSlash: SITE.trailingSlash,
   image: {
     domain: ["img.alicdn"],
   },
-
   integrations: [
     autoImportComponents(),
     starlight({
@@ -46,6 +25,11 @@ export default defineConfig({
         src: "./src/assets/logo.png",
         replacesTitle: true,
       },
+      //自定义组件
+      components: {
+        //重写主题提供组件，实现默认深色主题
+        ThemeProvider: "./src/components/ThemeProvider.astro",
+      },
       disable404Route: true,
       social: {
         github: "https://github.com/Serverless-Devs/Serverless-Devs",
@@ -56,6 +40,7 @@ export default defineConfig({
       editLink: {
         baseUrl: SITE.websiteGithubUrl,
       },
+      //多路侧边栏设置
       sidebar: SIDEBAR,
       plugins: [
         starlightUtils({
@@ -64,41 +49,14 @@ export default defineConfig({
           },
         }),
       ],
-      // locales,
-      // customCss: ['./src/style/global.css','./src/style/fonts.css'],
     }),
     tailwind({ applyBaseStyles: false }),
     icon({
       tabler: ["book", "pencil"],
       "ant-design": ["github-filled"],
       basil: ["document-outline"],
     }),
-    preact({ compat: true }),
-    ...whenExternalScripts(() =>
-      partytown({
-        config: { forward: ["dataLayer.push"] },
-      }),
-    ),
   ],
-  markdown: {
-    rehypePlugins: [
-      // 在这里添加 rehype-external-links 插件配置
-      [
-        rehypeExternalLinks,
-        {
-          target: "_blank",
-        },
-      ],
-    ],
-    remarkPlugins: [
-      remarkRemoveMdLinks,
-      remarkRemovePlainLanguageCode,
-      remarkRemoveRepeatHeader,
-      addPrefixImageLink,
-      starlightAsides,
-      setLinkReferrer,
-    ],
-  },
   vite: {
     build: {
       target: "chrome68",

package-lock.json

@@ -16,6 +16,7 @@
     "@astrojs/starlight": "^0.24.0",
     "@astrojs/starlight-tailwind": "^2.0.1",
     "@astrojs/tailwind": "^5.1.0",
+    "@b-design/color": "^1.0.7",
     "@docsearch/css": "^3.5.2",
     "@docsearch/js": "^3.5.2",
     "@fontsource-variable/bricolage-grotesque": "^5.0.6",