always use 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="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="./assets/favicon.png"
 				/>
 				<link
 					rel="preload"
-					href="/assets/fonts/hanken-grotesk/HKGrotesk-Regular.woff2"
+					href="./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="./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="./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="./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" : "./assets/globals.css"
 					}
 					rel="stylesheet"
 				/>

website/src/globals.css

@@ -4,7 +4,7 @@
 /* Global font family */
 @font-face {
 	font-family: "HK Grotesk";
-	src: url("/assets/fonts/hanken-grotesk/HKGrotesk-Regular.woff2")
+	src: url("./assets/fonts/hanken-grotesk/HKGrotesk-Regular.woff2")
 		format("woff2");
 	font-weight: 400;
 	font-style: normal;
@@ -13,7 +13,7 @@
 
 @font-face {
 	font-family: "HK Grotesk";
-	src: url("/assets/fonts/hanken-grotesk/HKGrotesk-SemiBold.woff2")
+	src: url("./assets/fonts/hanken-grotesk/HKGrotesk-SemiBold.woff2")
 		format("woff2");
 	font-weight: 600;
 	font-style: normal;
@@ -22,15 +22,15 @@
 
 @font-face {
 	font-family: "HK Grotesk";
-	src: url("/assets/fonts/hanken-grotesk/HKGrotesk-Bold.woff2") format("woff2");
+	src: url("./assets/fonts/hanken-grotesk/HKGrotesk-Bold.woff2") format("woff2");
 	font-weight: 700;
 	font-style: normal;
 	font-display: swap;
 }
 
 @font-face {
 	font-family: "Cascadia Mono";
-	src: url("/assets/fonts/cascadia-code/CascadiaMono-Regular-Sub.woff2")
+	src: url("./assets/fonts/cascadia-code/CascadiaMono-Regular-Sub.woff2")
 		format("woff2");
 	font-weight: 400;
 	font-style: normal;

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: "${website}/sitemap.xml",
 				}),
 			],
 		}),