make relative

Author: Its-Just-Nans

website/src/components/templates/BaseTemplate.tsx

@@ -62,7 +62,7 @@ export const BaseTemplate: FC<BaseTemplateProps> = ({
 				<meta property="og:type" content="" />
 				<meta
 					property="og:image"
-					content="https://typst-jp.github.io/assets/favicon.png"
+					content={`${import.meta.env.BASE_URL}assets/favicon.png`}
 				/>
 				<meta property="og:image:width" content="1200" />
 				<meta property="og:image:height" content="630" />
@@ -79,39 +79,39 @@ export const BaseTemplate: FC<BaseTemplateProps> = ({
 					rel="icon"
 					type="image/png"
 					sizes="32x32"
-					href="/assets/favicon.png"
+					href={`${import.meta.env.BASE_URL}assets/favicon.png`}
 				/>
 				<link
 					rel="preload"
-					href="/assets/fonts/hanken-grotesk/HKGrotesk-Regular.woff2"
+					href={`${import.meta.env.BASE_URL}assets/fonts/hanken-grotesk/HKGrotesk-Regular.woff2`}
 					as="font"
 					type="font/woff2"
 					crossOrigin="anonymous"
 				/>
 				<link
 					rel="preload"
-					href="/assets/fonts/hanken-grotesk/HKGrotesk-Bold.woff2"
+					href={`${import.meta.env.BASE_URL}assets/fonts/hanken-grotesk/HKGrotesk-Bold.woff2`}
 					as="font"
 					type="font/woff2"
 					crossOrigin="anonymous"
 				/>
 				<link
 					rel="preload"
-					href="/assets/fonts/hanken-grotesk/HKGrotesk-SemiBold.woff2"
+					href={`${import.meta.env.BASE_URL}assets/fonts/hanken-grotesk/HKGrotesk-SemiBold.woff2`}
 					as="font"
 					type="font/woff2"
 					crossOrigin="anonymous"
 				/>
 				<link
 					rel="preload"
-					href="/assets/fonts/cascadia-code/CascadiaMono-Regular-Sub.woff2"
+					href={`${import.meta.env.BASE_URL}assets/fonts/cascadia-code/CascadiaMono-Regular-Sub.woff2`}
 					as="font"
 					type="font/woff2"
 					crossOrigin="anonymous"
 				/>
 				<link
 					href={
-						import.meta.env.DEV ? "/src/globals.css" : "/assets/globals.css"
+						import.meta.env.DEV ? "/src/globals.css" : `${import.meta.env.BASE_URL}assets/globals.css`
 					}
 					rel="stylesheet"
 				/>

website/vite.config.ts

@@ -15,17 +15,19 @@ const publicAssetsDocsPath = resolve(__dirname, "./public/assets/docs/");
 rmSync(publicAssetsDocsPath, { recursive: true, force: true });
 symlinkSync(assetsDocsPath, publicAssetsDocsPath, "dir");
 
+const websiteUrl = "https://typst-jp.github.io/"
+
 export default defineConfig({
 	plugins: [
 		tailwindcss(),
 		ssg({
 			plugins: [
 				sitemapPlugin({
-					baseUrl: "https://typst-jp.github.io/",
+					baseUrl: websiteUrl,
 				}),
 				robotsTxtPlugin({
 					rules: [{ userAgent: "*", allow: ["/"] }],
-					sitemapUrl: "https://typst-jp.github.io/sitemap.xml",
+					sitemapUrl: `${websiteUrl}/sitemap.xml`,
 				}),
 			],
 		}),