diff --git a/astro.config.mjs b/astro.config.mjs
index 13b1e0c2e..2307c910b 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -4,11 +4,10 @@ import react from "@astrojs/react";
 import remarkToc from "remark-toc";
 import remarkCollapse from "remark-collapse";
 import sitemap from "@astrojs/sitemap";
-import { SITE } from "./src/config";
 
 // https://astro.build/config
 export default defineConfig({
-  site: SITE.website,
+  site: "https://astro-paper.pages.dev/", // replace this with your deployed domain
   integrations: [
     tailwind({
       config: {
diff --git a/src/content/blog/how-to-configure-astropaper-theme.md b/src/content/blog/how-to-configure-astropaper-theme.md
index 92650bc28..7db2bb80b 100644
--- a/src/content/blog/how-to-configure-astropaper-theme.md
+++ b/src/content/blog/how-to-configure-astropaper-theme.md
@@ -35,6 +35,17 @@ export const SITE = {
 };
 ```
 
+Then, replace site property of `astro.config.mjs` file with your own deployed domain. _(You can also omit this step if you don't have deployed domain yet or you are still in development mode)_
+
+```js
+// file: astro.config.mjs
+export default defineConfig({
+  site: "https://astro-paper.pages.dev/", // replace this with your deployed domain
+  integrations: [...],
+  ...
+)}
+```
+
 Here are SITE configuration options
 
 | Options            | Description                                                                                                                                                  |