diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index f3e98d2..d7bfdfd 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -31,6 +31,7 @@ jobs:
 
       - name: build
         env:
+          ORIGIN: "https://eggrror404.github.io"
           BASE_PATH: "/${{ github.event.repository.name }}"
         run: |
           npm run build
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index b380222..b5cbfc8 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -23,7 +23,7 @@
   import Check from "~icons/mdi/check";
   import logo from "$lib/assets/logo.svg";
 
-  const HOST = import.meta.env.HOST ?? $page.url.host;
+  const ORIGIN = import.meta.env.ORIGIN ?? $page.url.origin;
   $: info = getPageInfo($page.url.pathname);
   // TODO: scroll detection & changing title
 </script>
@@ -31,11 +31,11 @@
 <MetaTags
   title={info.title}
   description={info.description}
-  canonical="{HOST}{base}{$page.url.pathname}"
+  canonical="{ORIGIN}{base}{$page.url.pathname}"
   openGraph={{
     type: "website",
     locale: languageTag(),
-    images: [{ url: `${HOST}${base}/thumbnail.png`, width: 1280, height: 720, type: "image/png" }]
+    images: [{ url: `${ORIGIN}${base}/thumbnail.png`, width: 1280, height: 720, type: "image/png" }]
   }}
   twitter={{ handle: "@tnfshcec", cardType: "summary_large_image" }}
 />