Fix links

src/about/ProjectsSection.tsx

@@ -1,9 +1,10 @@
-import { JSX, Component } from "solid-js";
+import { Separator } from "@kobalte/core";
 import { css } from "@linaria/core";
 import cn from "classnames";
+import { Component, JSX } from "solid-js";
 import LabeledBox from "~/about/LabeledBox";
-import { Separator } from "@kobalte/core";
 import IconText from "~/components/IconText";
+import { config } from "~/config";
 import { breakpoint } from "~/style/commonStyle";
 
 interface Props {
@@ -78,7 +79,7 @@ const Project: Component<any> = (props: any) => {
 const PreviewImage: Component<any> = (props: any) => {
   return (
     <img
-      src="/preview/preview-blog1.jpg"
+      src={`${config.base}/preview/preview-blog1.jpg`}
       class={cn(
         Image,
         "h-32 w-[30%] max-w-60 rounded border-2 border-colors-primary-800 object-cover xs:w-[50%]"

src/components/Icon.tsx

@@ -2,6 +2,7 @@ import { css } from "@linaria/core";
 import cn from "classnames";
 import { Component } from "solid-js";
 import SVG from "~/components/SVG";
+import { config } from "~/config";
 
 interface Props {
   class?: string;
@@ -15,7 +16,7 @@ const Icon: Component<Props> = (props) => {
 
   return (
     <SVG
-      src={`/icons/icon-${icon}.svg`}
+      src={`${config.base}/icons/icon-${icon}.svg`}
       // alt={description}
       class={cn(_Icon, $class)}
       {...(rest as any)}

src/components/SVG.tsx

@@ -52,8 +52,8 @@ function getInitialData(src: string, async?: boolean) {
   if (!isServer) {
     return undefined;
   } else {
-    if (src.startsWith(config.resourceBaseURL))
-      src = src.slice(config.resourceBaseURL.length);
+    // if (src.startsWith(config.resourceBaseURL))
+    //   src = src.slice(config.resourceBaseURL.length);
 
     src = path.join(process.cwd(), "public", src);