diff --git a/.env b/.env
new file mode 100644
index 0000000..1cf30d6
--- /dev/null
+++ b/.env
@@ -0,0 +1,6 @@
+SITE_NAME=QukaAI
+SITE_URL=https://quka.ai
+CLOUD_SITE_URL=https://cloud.quka.ai
+XIAOHONGSHU_LINK=https://www.xiaohongshu.com/user/profile/638bf78a000000001f01d0e6
+DISCORD_LINK=https://discord.gg/YGrbmbCVRF
+GITHUB_LINK=https://github.com/quka-ai/quka-ai
\ No newline at end of file
diff --git a/README.md b/README.md
index a610a46..56555fa 100644
--- a/README.md
+++ b/README.md
@@ -1,26 +1 @@
-# brew-docs
-
-This is a Next.js application generated with
-[Create Fumadocs](https://github.com/fuma-nama/fumadocs).
-
-Run development server:
-
-```bash
-npm run dev
-# or
-pnpm dev
-# or
-yarn dev
-```
-
-Open http://localhost:3000 with your browser to see the result.
-
-## Learn More
-
-To learn more about Next.js and Fumadocs, take a look at the following
-resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
-  features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-- [Fumadocs](https://fumadocs.vercel.app) - learn about Fumadocs
+# QukaAI Docs
\ No newline at end of file
diff --git a/content/docs/info/base-usage.mdx b/content/docs/info/base-usage.mdx
index 69dab66..d9f8dbc 100644
--- a/content/docs/info/base-usage.mdx
+++ b/content/docs/info/base-usage.mdx
@@ -3,7 +3,7 @@ title: 基础功能
 description: 了解如何使用基础功能
 ---
 
-在设计上，{process.env.siteName}的数据组织结构分为两级，空间 -> 资源类型。
+在设计上，{process.env.SITE_NAME}的数据组织结构分为两级，空间 -> 资源类型。
 
 ## 数据结构
 
diff --git a/content/docs/info/index.mdx b/content/docs/info/index.mdx
index 9a4c675..89dcacb 100644
--- a/content/docs/info/index.mdx
+++ b/content/docs/info/index.mdx
@@ -2,21 +2,21 @@
 title: 入门
 ---
 
-# 欢迎使用 {process.env.siteName}
+# 欢迎使用 {process.env.SITE_NAME}
 
 快速构建个人第二“大脑”
 
-{process.env.siteName} 是一个基于 LLM(大语言模型) 实现的赛博记忆应用，希望能够借此扩容 个人“记忆”。  
+{process.env.SITE_NAME} 是一个基于 LLM(大语言模型) 实现的赛博记忆应用，希望能够借此扩容 个人“记忆”。  
 提供的功能包括 记忆碎片的录入、基于 LLM 的记忆问答、日记(工作日志)、生活管家 等功能。
 
 ## 设计理念
 
-将 {process.env.siteName} 想象成一个无尽的黑洞，将有用的记忆点、知识碎片随便往里丢，不用操心记忆被如何存放在哪里，在需要使用时一问便知。
+将 {process.env.SITE_NAME} 想象成一个无尽的黑洞，将有用的记忆点、知识碎片随便往里丢，不用操心记忆被如何存放在哪里，在需要使用时一问便知。
 
 - UI 符合 C 端用户交互逻辑，做到开箱即用
 - API 可以满足企业用户构建知识库问答体系
 
-## 为什么使用{process.env.siteName}?
+## 为什么使用{process.env.SITE_NAME}?
 
 生活中，无论线上还是线下，经常会遇到一些琐碎的“记忆”
 
@@ -29,7 +29,7 @@ title: 入门
 比如作者在编写该文档前，调研了好几个开源文档建设工具，并为每个文档工具记录了一份“记忆”
 ![文档建设工具记忆截图](/文档建设工具记忆截图.png)
 
-在回顾时只需要向{process.env.siteName}提问 “我都记录了哪些文档建设工具？”，便可以得到简单的总结：  
+在回顾时只需要向{process.env.SITE_NAME}提问 “我都记录了哪些文档建设工具？”，便可以得到简单的总结：  
 ![回忆文档建设工具Demo.png](/回忆文档建设工具Demo.png)
 
 ## 与笔记软件有什么不同？
@@ -38,6 +38,6 @@ title: 入门
 
 一篇记录了“XX 城市家具博览会”的内容，在搜索时我们往往会把它记成展览或会展，但无论我们搜索“展览”还是“会展”它都不会出现，除非你想到它是“博览会”，这就是传统笔记软件的硬伤，当我们记忆的内容越来越多，通过关键字匹配越来越难满足我们快速搜索的需求。
 
-而{process.env.siteName}借助 LLM 技术，让大语言模型理解你的需求，通过复杂的 LLM 工作流即可实现“同义”内容的搜索，再结合大语言模型的推理能力，使它可以像真实的人工助理一样来回答你的问题。
+而{process.env.SITE_NAME}借助 LLM 技术，让大语言模型理解你的需求，通过复杂的 LLM 工作流即可实现“同义”内容的搜索，再结合大语言模型的推理能力，使它可以像真实的人工助理一样来回答你的问题。
 
 ![](/公园场景Demo.png)
diff --git a/content/docs/info/journal.mdx b/content/docs/info/journal.mdx
index 834234a..9d79a44 100644
--- a/content/docs/info/journal.mdx
+++ b/content/docs/info/journal.mdx
@@ -3,7 +3,7 @@ title: 日志（Journal）
 description: 快速记录每日生活与工作中的草稿
 ---
 
-日志功能的出现，是为了完善 {process.env.siteName} 作为“个人助理”的职能。
+日志功能的出现，是为了完善 {process.env.SITE_NAME} 作为“个人助理”的职能。
 一句话总结就是，记录比较临时的内容。
 
 日志好比是用户的日记本，草稿本。可以快速潦草的将今日待办或今日已完成的工作内容进行记录，在每天结束时可以通过 工作助理 Agent 来进行总结，或人工整理。
diff --git a/next.config.mjs b/next.config.mjs
index 9fe9026..e3d81b9 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -8,11 +8,7 @@ const config = {
   output: 'standalone',
   images: {
     unoptimized: true
-  },
-  env: {
-    siteName: '极核',
-    siteURL: 'https://jihe.pro'
-  },
+  }
 };
 
 export default withMDX(config);
diff --git a/package-lock.json b/package-lock.json
index 8f8e747..556bb4e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8494,6 +8494,96 @@
         "type": "github",
         "url": "https://github.com/sponsors/wooorm"
       }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.1.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.1.7.tgz",
+      "integrity": "sha512-hPFwzPJDpA8FGj7IKV3Yf1web3oz2YsR8du4amKw8d+jAOHfYHYFpMkoF6vgSY4W6vB29RtZEklK9ayinGiCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.1.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.1.7.tgz",
+      "integrity": "sha512-2qoas+fO3OQKkU0PBUfwTiw/EYpN+kdAx62cePRyY1LqKtP09Vp5UcUntfZYajop5fDFTjSxCHfZVRxzi+9FYQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.1.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.1.7.tgz",
+      "integrity": "sha512-sKLLwDX709mPdzxMnRIXLIT9zaX2w0GUlkLYQnKGoXeWUhcvpCrK+yevcwCJPdTdxZEUA0mOXGLdPsGkudGdnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.1.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.1.7.tgz",
+      "integrity": "sha512-zblK1OQbQWdC8fxdX4fpsHDw+VSpBPGEUX4PhSE9hkaWPrWoeIJn+baX53vbsbDRaDKd7bBNcXRovY1hEhFd7w==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.1.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.1.7.tgz",
+      "integrity": "sha512-LDnj1f3OVbou1BqvvXVqouJZKcwq++mV2F+oFHptToZtScIEnhNRJAhJzqAtTE2dB31qDYL45xJwrc+bLeKM2Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.1.7",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.1.7.tgz",
+      "integrity": "sha512-dC01f1quuf97viOfW05/K8XYv2iuBgAxJZl7mbCKEjMgdQl5JjAKJ0D2qMKZCgPWDeFbFT0Q0nYWwytEW0DWTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     }
   }
 }
diff --git a/src/app/(home)/layout.tsx b/src/app/(home)/layout.tsx
index 4853b78..15588c2 100644
--- a/src/app/(home)/layout.tsx
+++ b/src/app/(home)/layout.tsx
@@ -19,7 +19,7 @@ function Footer() {
     <footer className="mt-auto border-t bg-fd-card py-12 text-fd-secondary-foreground">
       <div className="container flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between">
         <div>
-          <p className="mb-1 text-sm font-semibold">{process.env.siteName}</p>
+          <p className="mb-1 text-sm font-semibold">{process.env.SITE_NAME}</p>
           <p className="text-xs">
             Thanks for ❤️{" "}
             <a
diff --git a/src/app/(home)/page.client.tsx b/src/app/(home)/page.client.tsx
index 7446c9e..c24d3e7 100644
--- a/src/app/(home)/page.client.tsx
+++ b/src/app/(home)/page.client.tsx
@@ -135,7 +135,7 @@ export function ChatExampleAnimation() {
 }
 
 export function CreateAppAnimation() {
-  const installCmd = process.env.siteName + " 可以用来存储记忆碎片";
+  const installCmd = process.env.SITE_NAME + " 可以用来存储记忆碎片";
   const tickTime = 100;
   const timeCommandEnter = installCmd.length;
   const timeCommandRun = timeCommandEnter + 3;
@@ -240,251 +240,6 @@ function LaunchAppWindow(
   );
 }
 
-export function WhyInteractive(props: {
-  codeblockTheme: ReactNode;
-  codeblockSearchRouter: ReactNode;
-  codeblockInteractive: ReactNode;
-  typeTable: ReactNode;
-  codeblockMdx: ReactNode;
-}) {
-  const [autoActive, setAutoActive] = useState(true);
-  const [active, setActive] = useState(0);
-  const duration = 1000 * 8;
-  const items = [
-    "Full-text Search",
-    "Design System & Tailwind CSS",
-    "Generate from TypeScript & OpenAPI",
-    "Interactive Examples",
-    "Automation & Server",
-    "Flexible",
-  ];
-
-  useEffect(() => {
-    if (!autoActive) return;
-    const timer = setTimeout(() => {
-      setActive((prev) => (prev + 1) % items.length);
-    }, duration);
-
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [active, autoActive, duration, items.length]);
-
-  return (
-    <div
-      id="why-interactive"
-      className="flex flex-col gap-6 md:flex-row"
-    >
-      <div className="flex flex-col mt-1.5 border h-fit">
-        {items.map((item, i) => (
-          <button
-            key={item}
-            ref={(element) => {
-              if (!element || i !== active) return;
-
-              scrollIntoView(element, {
-                behavior: "smooth",
-                boundary: document.getElementById("why-interactive"),
-              });
-            }}
-            type="button"
-            className={cn(
-              "inline-flex flex-col text-nowrap py-1.5 text-start text-sm text-fd-muted-foreground font-medium px-2",
-              i === active
-                ? "text-fd-primary-foreground bg-fd-primary"
-                : "hover:text-fd-accent-foreground/80"
-            )}
-            onClick={() => {
-              if (active === i) setAutoActive((prev) => !prev);
-              else {
-                setAutoActive(false);
-                setActive(i);
-              }
-            }}
-          >
-            {item}
-            {i === active && autoActive ? (
-              <div
-                className="animate-[why-interactive-x] bg-fd-primary-foreground h-1"
-                style={{
-                  animationDuration: `${duration.toString()}ms`,
-                  animationTimingFunction: "linear",
-                  animationFillMode: "forwards",
-                }}
-              />
-            ) : null}
-          </button>
-        ))}
-      </div>
-      <style>
-        {`
-        @keyframes why-interactive-x {
-          from {
-            width: 0px;
-          }
-          
-          to {
-            width: 100%;
-          }
-        }`}
-      </style>
-
-      <div className="flex-1">
-        {active === 0 ? (
-          <WhyPanel>
-            <h3 className="mb-4 text-lg font-semibold">
-              Implementing search is difficult, we made it simple.
-            </h3>
-            <p>
-              Fumadocs offers native support for Orama and Algolia Search, it is
-              as easy as plugging a route handler.
-            </p>
-            {props.codeblockSearchRouter}
-            <p className="mb-4 text-fd-muted-foreground">
-              In addition, you can plug your own search modal to allow full
-              control over the search UI.
-            </p>
-            <div className="flex flex-row items-center gap-1.5">
-              <Link
-                href="/docs/headless/search"
-                className={cn(buttonVariants({ variant: "outline" }))}
-              >
-                Check the docs
-              </Link>
-              <Link
-                href="/docs/ui/search"
-                className={cn(buttonVariants({ variant: "ghost" }))}
-              >
-                Customise UI?
-              </Link>
-            </div>
-          </WhyPanel>
-        ) : null}
-
-        {active === 1 ? (
-          <WhyPanel>
-            <h3 className="mb-4 text-lg font-semibold">Tailwind CSS Plugin</h3>
-            <p>
-              Share the same design system cross the docs and your app with
-              Tailwind CSS. Works great with <b>Shadcn UI</b>.
-            </p>
-            {props.codeblockTheme}
-            <Link
-              href="/docs/ui/theme"
-              className={cn(buttonVariants({ variant: "outline" }))}
-            >
-              See Themes
-            </Link>
-          </WhyPanel>
-        ) : null}
-
-        {active === 2 ? (
-          <WhyPanel>
-            <h3 className="mb-4 text-lg font-semibold">
-              From the source of truth, never repeat yourself again.
-            </h3>
-            <p>
-              Fumadocs has a smart Type Table component that renders the
-              properties of interface/type automatically, powered by the
-              TypeScript Compiler API.
-            </p>
-            {props.typeTable}
-            <p>
-              We also have a built-in OpenAPI playground and docs generator.
-            </p>
-
-            <div className="mt-4 flex flex-row items-center gap-1.5">
-              <Link
-                href="/docs/ui/components/auto-type-table"
-                className={cn(buttonVariants({ variant: "outline" }))}
-              >
-                Type Table
-              </Link>
-              <Link
-                href="/docs/ui/openapi"
-                className={cn(buttonVariants({ variant: "ghost" }))}
-              >
-                OpenAPI Integration
-              </Link>
-            </div>
-          </WhyPanel>
-        ) : null}
-        {active === 3 ? (
-          <WhyPanel>
-            <h3 className="mb-4 text-lg font-semibold">
-              Interactive docs with React.
-            </h3>
-            <p>
-              Fumadocs offers many useful components, from File Tree, Tabs, to
-              Zoomable Image.
-            </p>
-            {props.codeblockInteractive}
-            <Link
-              href="/docs/ui/components"
-              className={cn(buttonVariants({ variant: "outline" }))}
-            >
-              View Components
-            </Link>
-          </WhyPanel>
-        ) : null}
-        {active === 4 ? (
-          <WhyPanel>
-            <h3 className="mb-4 text-lg font-semibold">
-              Connect your content and server.
-            </h3>
-
-            <p>
-              React Server Component made it very easy to automate docs. Use
-              server data, server components, and even client components in MDX
-              documents.
-            </p>
-
-            {props.codeblockMdx}
-          </WhyPanel>
-        ) : null}
-        {active === 5 ? (
-          <WhyPanel>
-            <h3 className="mb-4 text-lg font-semibold">
-              Your own content source, search solution, everything.
-            </h3>
-            <p>
-              Fumadocs is designed to be flexible, working with any content
-              sources, offering powerful utilities.
-              <br />
-              <br />
-              With our remark plugins, you can parse documents into search
-              indexes, and integrate with different search solutions seamlessly.
-            </p>
-
-            <Link
-              href="/docs/headless/mdx/structure"
-              className={cn(
-                buttonVariants({ className: "mt-4", variant: "outline" })
-              )}
-            >
-              See MDX Plugins
-            </Link>
-          </WhyPanel>
-        ) : null}
-      </div>
-    </div>
-  );
-}
-
-function WhyPanel(props: HTMLProps<HTMLDivElement>) {
-  return (
-    <div
-      {...props}
-      className={cn(
-        "duration-700 animate-in fade-in slide-in-from-left-4 text-sm",
-        props.className
-      )}
-    >
-      {props.children}
-    </div>
-  );
-}
-
 const previewButtonVariants = cva(
   "w-20 h-9 text-sm font-medium transition-colors rounded-full",
   {
diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 7f56d81..4024547 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -26,11 +26,7 @@ import { UwuHero } from "@/app/(home)/uwu";
 import SourceImage from "@/public/source.png";
 import ContributorCounter from "@/components/contributor-count";
 import { Calendar } from "@/components/ui/calendar";
-import {
-  CreateAppAnimation,
-  PreviewImages,
-  WhyInteractive,
-} from "./page.client";
+import { CreateAppAnimation, PreviewImages } from "./page.client";
 import {
   VercelLogo,
   NetlifyLogo,
@@ -137,89 +133,6 @@ function Architecture() {
   );
 }
 
-async function Why() {
-  return (
-    <div className="relative overflow-hidden border-x border-t px-8 py-12 md:py-16 md:min-h-[500px]">
-      <WhyInteractive
-        typeTable={
-          <TypeTable
-            type={{
-              name: {
-                type: "string",
-                description: "The name of player",
-                default: "hello",
-              },
-              code: {
-                type: "string",
-                description: (
-                  <CodeBlock
-                    lang="ts"
-                    code='console.log("Hello World")'
-                  />
-                ),
-              },
-            }}
-          />
-        }
-        codeblockSearchRouter={
-          <CodeBlock
-            lang="ts"
-            code={`import { source } from '@/lib/source';
-import { createFromSource } from 'fumadocs-core/search/server';
- 
-export const { GET } = createFromSource(source);`}
-          />
-        }
-        codeblockTheme={
-          <CodeBlock
-            lang="css"
-            code={`@import 'tailwindcss';
-@import 'fumadocs-ui/css/neutral.css';
-@import 'fumadocs-ui/css/preset.css';
-
-@source '../node_modules/fumadocs-ui/dist/**/*.js';`}
-          />
-        }
-        codeblockInteractive={
-          <CodeBlock
-            lang="tsx"
-            code={`import { File, Folder, Files } from 'fumadocs-ui/components/files';
- 
-<Files>
-  <Folder name="app" defaultOpen>
-    <File name="layout.tsx" />
-    <File name="page.tsx" />
-    <File name="global.css" />
-  </Folder>
-  <File name="package.json" />
-</Files>`}
-          />
-        }
-        codeblockMdx={
-          <CodeBlock
-            lang="tsx"
-            code={`import { db } from '@/server/db';
-
-export function ProductTable() {
-  const products = db.getProducts()
-    
-  return (
-    <ul>
-      {products.map(product => <li key={product.key}>{product.name}</li>)}
-    </ul>
-  );
-}
-
-## Products
-
-<ProductTable />`}
-          />
-        }
-      />
-    </div>
-  );
-}
-
 function End() {
   return (
     <div className="grid grid-cols-1 border-b border-r md:grid-cols-2 lg:grid-cols-3">
@@ -243,7 +156,7 @@ function End() {
               24小时待命
             </span>
             <span className="mt-2 text-sm text-fd-muted-foreground">
-              全天24小时待命，随叫随到
+              AI Agent全天24小时待命，随叫随到
             </span>
           </li>
           <li>
@@ -264,7 +177,7 @@ function End() {
             浏览文档
           </Link>
           <a
-            href="https://github.com/quka-ai"
+            href={process.env.GITHUB_LINK + ""}
             rel="noreferrer noopener"
             className={cn(
               buttonVariants({
@@ -301,8 +214,9 @@ function Integration({
         </span>
       </div>
       <Link
-        href="/docs/ui/openapi"
+        href={process.env.XIAOHONGSHU_LINK + ""}
         className={cn(linkItemVariants())}
+        target="_blank"
       >
         <XiaohongshuLogo className="mb-3 size-12" />
         <p className="text-lg font-medium">小红书</p>
@@ -311,16 +225,18 @@ function Integration({
         </p>
       </Link>
       <Link
-        href="/docs/mdx"
+        href={process.env.DISCORD_LINK + ""}
         className={cn(linkItemVariants())}
+        target="_blank"
       >
         <DiscordLogo className="mb-3 size-12" />
         <p className="text-lg font-medium">Discord</p>
         <p className="text-sm text-fd-muted-foreground">国际用户社群</p>
       </Link>
       <Link
-        href="/docs/headless/content-collections"
+        href={process.env.GITHUB_LINK + ""}
         className={cn(linkItemVariants(), "col-span-2 lg:col-span-1")}
+        target="_blank"
       >
         <GithubLogo className="mb-3 size-12" />
         <p className="text-lg font-medium">Github</p>
@@ -378,83 +294,6 @@ function Search(): React.ReactElement {
   );
 }
 
-function Highlights(): React.ReactElement {
-  return (
-    <div className="grid grid-cols-1 border-r md:grid-cols-2 lg:grid-cols-3">
-      <div className="col-span-full flex flex-row items-start justify-center border-l border-t p-8 pb-2 text-center">
-        <h2 className="bg-fd-primary text-fd-primary-foreground px-1 text-2xl font-semibold">
-          Highlights
-        </h2>
-        <MousePointer className="-ml-1 mt-8" />
-      </div>
-      <Highlight
-        icon={RocketIcon}
-        heading="Light and Fast."
-      >
-        Powerful documentation site with Next.js App Router.
-      </Highlight>
-      <Highlight
-        icon={TimerIcon}
-        heading="Performance."
-      >
-        Less client components, less Javascript, optimized images.
-      </Highlight>
-      <Highlight
-        icon={LayoutIcon}
-        heading="Accessibility & UX first."
-      >
-        Focus on user experience and accessibility.
-      </Highlight>
-      <Highlight
-        icon={SearchIcon}
-        heading="Syntax Highlighting."
-      >
-        Beautiful syntax highlighter, powered by{" "}
-        <a
-          href="https://shiki.style"
-          rel="noreferrer noopener"
-        >
-          Shiki
-        </a>
-        .
-      </Highlight>
-      <Highlight
-        icon={KeyboardIcon}
-        heading="Automation."
-      >
-        Useful remark/rehype plugins. Typescript Twoslash, OpenAPI docs
-        generation, and more.
-      </Highlight>
-      <Highlight
-        icon={PersonStandingIcon}
-        heading="Personalized."
-      >
-        Advanced options for customising your theme in a comfortable way.
-      </Highlight>
-    </div>
-  );
-}
-
-function Highlight({
-  icon: Icon,
-  heading,
-  children,
-}: {
-  icon: LucideIcon;
-  heading: ReactNode;
-  children: ReactNode;
-}): React.ReactElement {
-  return (
-    <div className="border-l border-t px-6 py-12">
-      <div className="mb-4 flex flex-row items-center gap-2 text-fd-muted-foreground">
-        <Icon className="size-4" />
-        <h2 className="text-sm font-medium">{heading}</h2>
-      </div>
-      <span className="font-medium">{children}</span>
-    </div>
-  );
-}
-
 function Hero() {
   return (
     <div className="relative z-[2] flex flex-col border-x border-t bg-fd-card/80 px-6 pt-12 max-md:text-center md:px-12 md:pt-16 [.uwu_&]:hidden max-lg:overflow-hidden">
@@ -468,7 +307,7 @@ function Hero() {
       </p>
       <div className="inline-flex items-center gap-3 max-md:mx-auto">
         <Link
-          href={process.env.siteURL + ""}
+          href={process.env.CLOUD_SITE_URL + ""}
           className={cn(
             buttonVariants({ size: "lg", className: "rounded-full" })
           )}
@@ -476,7 +315,7 @@ function Hero() {
           快速开始
         </Link>
         <a
-          href="https://github.com/quka-ai"
+          href={process.env.GITHUB_LINK + ""}
           target="_blank"
           rel="noreferrer noopener"
           className={cn(
@@ -515,7 +354,7 @@ function Feedback() {
           {`"传统AI无法获取我们的记忆内容，通常依赖于内部知识库，即在模型训练期间学习到的知识。`}
           <br />
           {`而`}
-          <span className="text-pink-500">{process.env.siteName}</span>
+          <span className="text-pink-500">{process.env.SITE_NAME + ""}</span>
           {`会额外结合我们的`}
           <span className="text-pink-500">记忆</span>
           {`来回答我们的请求。所以它更应该被称为`}
@@ -541,7 +380,7 @@ function Feedback() {
             <p className="text-xs text-fd-muted-foreground">Developer</p>
           </div>
           <Link
-            href={process.env.siteURL + ""}
+            href={process.env.CLOUD_SITE_URL + ""}
             className={cn(
               buttonVariants({ variant: "outline", className: "ml-auto" })
             )}
@@ -656,7 +495,8 @@ function Features() {
         heading="MCP Support"
         description="正在建设基于记忆的MCP通道，以便于用户在任意应用中轻松对接个人记忆。"
       >
-        <img
+        <Image
+          alt="mcp-connect"
           className="w-2/3 mx-auto"
           src="/MCP-Connect.png"
         />
diff --git a/src/app/layout.config.tsx b/src/app/layout.config.tsx
index 977cdc4..a00b654 100644
--- a/src/app/layout.config.tsx
+++ b/src/app/layout.config.tsx
@@ -24,11 +24,11 @@ export const baseOptions: BaseLayoutProps = {
             fill="currentColor"
           />
         </svg>
-        {process.env.siteName}
+        {process.env.SITE_NAME}
       </>
     ),
   },
-  githubUrl: "https://github.com/quka-ai",
+  githubUrl: `${process.env.GITHUB_LINK}`,
   links: [
     {
       text: "文档",
@@ -36,5 +36,4 @@ export const baseOptions: BaseLayoutProps = {
       active: "nested-url",
     },
   ],
-  children: <div>test</div>,
 };