diff --git a/.env b/.env
index a427653..8144ca0 100644
--- a/.env
+++ b/.env
@@ -6,5 +6,7 @@
 CRATES_PRO_HOST=http://210.28.134.203:31688
 CRATES_PRO_INTERNAL_HOST=http://210.28.134.203:31688
 
-SECRET_KEY=$YOUR_SECRET_KEY #(not prefixed with NEXT_PUBLIC_ )
+# SECRET_KEY=$YOUR_SECRET_KEY #(not prefixed with NEXT_PUBLIC_ )
 
+
+AUTH_HOST=true
\ No newline at end of file
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
index 370cf94..b698f8c 100644
--- a/app/api/auth/[...nextauth]/route.ts
+++ b/app/api/auth/[...nextauth]/route.ts
@@ -1,2 +1,67 @@
-import { handlers } from "@/app/auth" // Referring to the auth.ts we just created
-export const { GET, POST } = handlers
\ No newline at end of file
+import { handlers } from "@/app/auth"
+import { NextResponse } from 'next/server'
+import { NextRequest } from 'next/server'
+import { getProxyConfig } from "@/proxy-config"
+
+const TIMEOUT_DURATION = 60000;
+
+// 定义超时 Promise 的类型
+type TimeoutPromise = Promise<never>
+
+export async function GET(request: NextRequest): Promise<Response> {
+    try {
+        const { isEnabled } = getProxyConfig();
+
+        if (isEnabled) {
+            // 使用超时机制
+            const timeoutPromise: TimeoutPromise = new Promise((_, reject) =>
+                setTimeout(() => reject(new Error('Request timeout')), TIMEOUT_DURATION)
+            );
+            const response = await Promise.race([handlers.GET(request), timeoutPromise]);
+            return response instanceof Response ? response : NextResponse.json(response);
+        } else {
+            // 不使用超时机制
+            const response = await handlers.GET(request);
+            return response instanceof Response ? response : NextResponse.json(response);
+        }
+    } catch (error) {
+        console.error('Auth GET Error:', error);
+        return NextResponse.json(
+            {
+                error: 'Authentication error',
+                details: error instanceof Error ? error.message : 'Unknown error',
+                timestamp: new Date().toISOString()
+            },
+            { status: 500 }
+        );
+    }
+}
+
+export async function POST(request: NextRequest): Promise<Response> {
+    try {
+        const { isEnabled } = getProxyConfig();
+
+        if (isEnabled) {
+            // 使用超时机制
+            const timeoutPromise: TimeoutPromise = new Promise((_, reject) =>
+                setTimeout(() => reject(new Error('Request timeout')), TIMEOUT_DURATION)
+            );
+            const response = await Promise.race([handlers.POST(request), timeoutPromise]);
+            return response instanceof Response ? response : NextResponse.json(response);
+        } else {
+            // 不使用超时机制
+            const response = await handlers.POST(request);
+            return response instanceof Response ? response : NextResponse.json(response);
+        }
+    } catch (error) {
+        console.error('Auth POST Error:', error);
+        return NextResponse.json(
+            {
+                error: 'Authentication error',
+                details: error instanceof Error ? error.message : 'Unknown error',
+                timestamp: new Date().toISOString()
+            },
+            { status: 500 }
+        );
+    }
+}
\ No newline at end of file
diff --git a/app/api/profile/route.ts b/app/api/profile/route.ts
new file mode 100644
index 0000000..bc37ce4
--- /dev/null
+++ b/app/api/profile/route.ts
@@ -0,0 +1,31 @@
+import { NextResponse } from 'next/server';
+
+export async function POST(request: Request) {
+    const endpoint = process.env.CRATES_PRO_INTERNAL_HOST;
+    const apiUrl = `${endpoint}/api/profile`;
+    const requestBody = await request.json();
+    console.log("Request Body:", requestBody);
+
+    try {
+        const response = await fetch(apiUrl, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json', // 确保发送 JSON
+            },
+            body: JSON.stringify({
+                requestBody
+            }), // 发送请求体
+        });
+        console.log("response in get profile info:", response);
+        if (!response.ok) {
+            return NextResponse.json({ error: 'Failed to submit data' }, { status: response.status });
+        }
+
+        const result = await response.json(); // 确认返回的是 JSON 格式
+        console.log("results:", result);
+        return NextResponse.json({ message: 'Submission successful', code: 2012, crates: result });
+    } catch (error) {
+        console.log(error);
+        return NextResponse.json({ error: 'An error occurred while submitting data.' }, { status: 500 });
+    }
+}
\ No newline at end of file
diff --git a/app/api/submit/route.ts b/app/api/submitCrate/route.ts
similarity index 88%
rename from app/api/submit/route.ts
rename to app/api/submitCrate/route.ts
index f160b1c..a3bb2e7 100644
--- a/app/api/submit/route.ts
+++ b/app/api/submitCrate/route.ts
@@ -1,7 +1,8 @@
 import { NextResponse } from 'next/server';
 
 export async function POST(request: Request) {
-    const apiUrl = process.env.API_URL; // 读取环境变量
+    const endpoint = process.env.CRATES_PRO_INTERNAL_HOST;
+    const apiUrl = `${endpoint}/api/submitCrate`;
     const formData = await request.formData(); // 解析请求体
 
     console.log("Request FormData:", formData);
diff --git a/app/api/submitUserinfo/route.ts b/app/api/submitUserinfo/route.ts
new file mode 100644
index 0000000..6bca83b
--- /dev/null
+++ b/app/api/submitUserinfo/route.ts
@@ -0,0 +1,35 @@
+import { NextResponse } from 'next/server';
+
+
+export async function POST(request: Request) {
+    const endpoint = process.env.CRATES_PRO_INTERNAL_HOST;
+    const apiUrl = `${endpoint}/api/submitUserinfo`;
+    const requestBody = await request.json();
+
+
+
+    console.log("Request Body new!:", requestBody);
+    try {
+        const response = await fetch(apiUrl, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json', // 确保发送 JSON
+                'Accept': 'application/json'
+            },
+            body: JSON.stringify({
+                requestBody
+            }), // 发送 name 字段
+        });
+        console.log("response:", response);
+        if (!response.ok) {
+            return NextResponse.json({ error: 'Failed to submit data' }, { status: response.status });
+        }
+
+        const result = await response.json(); // 确认返回的是 JSON 格式
+        console.log("results:", result);
+        return NextResponse.json({ message: 'Submission successful', code: 2012, data: result });
+    } catch (error) {
+        console.log(error);
+        return NextResponse.json({ error: 'An error occurred while submitting data.' }, { status: 500 });
+    }
+}
\ No newline at end of file
diff --git a/app/auth.ts b/app/auth.ts
index 2ff2c1a..a47a549 100644
--- a/app/auth.ts
+++ b/app/auth.ts
@@ -1,7 +1,65 @@
-
 import NextAuth from "next-auth"
 import GitHub from "next-auth/providers/github"
+import { setupGlobalFetch } from "@/proxy-config"
+
+// 设置全局代理（如果启用）
+setupGlobalFetch();
+
+// 打印环境变量（开发环境调试用）
+console.log('Environment Config:', {
+    NEXTAUTH_URL: process.env.NEXTAUTH_URL,
+    PROXY_ENABLED: !!process.env.HTTPS_PROXY,
+    PROXY_URL: process.env.HTTPS_PROXY || 'Not configured'
+});
+
+if (!process.env.AUTH_GITHUB_ID || !process.env.AUTH_GITHUB_SECRET) {
+    throw new Error('Missing GITHUB_ID or GITHUB_SECRET environment variable')
+}
 
 export const { handlers, signIn, signOut, auth } = NextAuth({
-    providers: [GitHub],
-})
\ No newline at end of file
+    providers: [
+        GitHub({
+            clientId: process.env.AUTH_GITHUB_ID,
+            clientSecret: process.env.AUTH_GITHUB_SECRET,
+            authorization: {
+                params: {
+                    prompt: "consent",
+                    access_type: "offline",
+                    response_type: "code"
+                }
+            }
+        })
+    ],
+    trustHost: true,
+    debug: true,
+    callbacks: {
+        async signIn({ user, account, profile, email, credentials }) {
+            console.log('Sign in attempt:', { user, account, profile, email, credentials });
+
+            return true;
+        },
+        async redirect({ url, baseUrl }) {
+            console.log('Redirect:', { url, baseUrl });
+            return baseUrl;
+        },
+        async session({ session, user, token }) {
+            console.log('Session:', { session, user, token });
+            return session;
+        },
+        async jwt({ token, user, account, profile }) {
+            console.log('JWT:', { token, user, account, profile });
+            return token;
+        }
+    },
+    events: {
+        async signIn(message) { console.log('signIn:', message) },
+        async signOut(message) { console.log('signOut:', message) },
+    },
+    pages: {
+        signIn: '/auth/signin',
+        error: '/auth/error',
+    }
+})
+
+
+
diff --git a/app/lib/all_interface.ts b/app/lib/all_interface.ts
index cd7dac4..32ed1af 100644
--- a/app/lib/all_interface.ts
+++ b/app/lib/all_interface.ts
@@ -106,4 +106,49 @@ export interface cveListInfo {
             "end_version": string,
         },
     ]
-}
\ No newline at end of file
+}
+
+//六、用户github信息接口
+export interface userinfo {
+    user: {
+        "email": string,
+        "image": string,
+        "name": string,
+    }
+    expires: string
+}
+
+
+//用户个人主页接口
+export interface profile {
+    upload_crates:
+    [
+        {
+            "name": string,
+            "time": string,
+        },
+        {
+            "name": string,
+            "time": string,
+        },
+    ]
+
+}
+
+export interface profileResult {
+
+    "data": [
+        {
+            "name": string,
+            "time": string,
+        },
+        {
+            "name": string,
+            "time": string,
+        },
+    ]
+
+
+}
+
+
diff --git a/app/profile/layout.tsx b/app/profile/[username]/layout.tsx
similarity index 100%
rename from app/profile/layout.tsx
rename to app/profile/[username]/layout.tsx
diff --git a/app/profile/[username]/page.tsx b/app/profile/[username]/page.tsx
new file mode 100644
index 0000000..9c1ffa7
--- /dev/null
+++ b/app/profile/[username]/page.tsx
@@ -0,0 +1,387 @@
+'use client';
+
+import { useSession } from 'next-auth/react';
+import Image from 'next/image';
+import Link from 'next/link';
+import { Tabs } from 'antd';
+import { useState, useEffect } from 'react';
+import { PaperAirplaneIcon } from '@heroicons/react/24/outline';
+
+import clsx from 'clsx';
+
+
+interface Crates {
+    name: string;
+    time: string;
+}
+
+export default function ProfilePage() {
+    const { data: session } = useSession();
+    const [activeTab, setActiveTab] = useState('1');
+    // const [results, setResults] = useState<profileResult | null>(null);
+    const [uploadCrates, setUploadCrates] = useState<Crates[]>([]);
+
+    const [isModalOpen, setModalOpen] = useState(false);
+    const [inputValue, setInputValue] = useState('');
+    const [file, setFile] = useState<File | null>(null);
+    const [isGithubLink, setIsGithubLink] = useState(true); // 控制输入类型
+    //暂定上传数据类型为react表单类型
+    const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault();
+
+        const formData = new FormData();
+        const currentTime = new Date().toISOString();
+        const email = session?.user?.email || ''; // 提供默认空字符串
+
+        if (isGithubLink) {
+            formData.append('githubLink', inputValue);
+        } else if (file) {
+            formData.append('file', file);
+        }
+
+        formData.append('uploadTime', currentTime);
+        formData.append('user_email', email); // 现在 email 一定是字符串类型
+        try {
+            //用fetch向服务器发声POST请求，提交用户输入的内容
+            const response = await fetch('/api/submitCrate', {  // 待替换为服务器API
+                method: 'POST',
+                //请求体，将对象转换为json字符串
+                body: formData,
+            });
+            //响应处理，根据响应结果显示提示信息，并重置输入框或关闭弹窗
+            if (response.ok) {
+                alert('内容提交成功！');//提交成功后重置输入框的值，并关闭弹窗
+                setInputValue('');
+                setFile(null);
+                setModalOpen(false);
+            } else {
+                alert('提交失败，请重试。');
+            }
+        } catch (error) {
+            console.error('提交错误:', error);
+            alert('提交失败，请检查网络连接。');
+        }
+    };
+
+    useEffect(() => {
+        const fetchProfileInfo = async () => {
+            console.log('session in useEffect:', session);
+            if (!session) return;
+            console.log('!!!!!!!!!!!!!!!!');
+            try {
+                const response = await fetch(`/api/profile`, {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify(session.user?.email),
+                });
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+
+                const rep = await response.json();
+
+                console.log('rep :', rep);
+                // setResults(rep);
+                setUploadCrates(rep.crates);
+
+
+            } catch (error) {
+                console.error('Error fetching data:', error);
+            }
+        };
+
+        fetchProfileInfo();
+    }, [session]);
+
+    if (!session) {
+        return (
+            <div className="min-h-screen bg-gray-100 flex items-center justify-center">
+                <div className="text-center">
+                    <h1 className="text-2xl font-bold text-gray-800">Please login first</h1>
+                </div>
+            </div>
+        );
+    }
+    console.log('uploadCrates :', uploadCrates);
+    return (
+        <div className="min-h-screen bg-gray-100">
+            {/* Top bar: Return Home button on the left, Profile Info on the right */}
+            <header className="bg-white border-b">
+                <div className="max-w-6xl mx-auto flex justify-between items-center px-4 py-6">
+                    {/* Left: Return Home Button */}
+                    <div>
+                        <Link href="/">
+                            <button className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-200">
+                                Return Home
+                            </button>
+                        </Link>
+                    </div>
+                    <button
+                        onClick={() => setModalOpen(true)} //点击打开弹窗
+                        className={clsx(
+                            'mt-4 flex h-[48px] items-center justify-center gap-2 rounded-md bg-gray-50 p-3 text-sm font-medium text-gray-800 hover:bg-sky-100 hover:text-blue-600 md:flex-none md:justify-start md:p-2 md:px-3'
+                        )}
+                    >
+                        <PaperAirplaneIcon className="w-6" /> {/* 使用的图标 */}
+                        Submit
+                    </button>
+
+                    {isModalOpen && (
+                        <div className="fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50">
+                            <div className="bg-white p-6 rounded-md w-96 ">
+                                <h2 className="text-lg font-bold mb-4">Submit Crates</h2>
+                                {/* 表单元素，包裹输入控件和提交按钮 */}
+                                <form onSubmit={handleSubmit}> {/* 将表单的提交事件绑定到handleSubmit函数，处理用户提交逻辑 */}
+                                    <div className="mb-4">
+                                        <label>
+                                            <input
+                                                type="radio"
+                                                value="github"
+                                                checked={isGithubLink}
+                                                onChange={() => setIsGithubLink(true)}
+                                            />
+                                            GitHub Link
+                                        </label>
+                                        <label className="ml-4">
+                                            <input
+                                                type="radio"
+                                                value="zip"
+                                                checked={!isGithubLink}
+                                                onChange={() => setIsGithubLink(false)}
+                                            />
+                                            Upload ZIP File
+                                        </label>
+                                    </div>
+
+                                    {isGithubLink ? (
+                                        <input
+                                            type="url"
+                                            value={inputValue}
+                                            onChange={(e) => setInputValue(e.target.value)}
+                                            className="w-full p-2 border rounded-md"
+                                            placeholder="Enter GitHub URL..."
+                                            required
+                                        />
+                                    ) : (
+                                        <div>
+                                            {/*<label className="block mb-2">Select a ZIP file:</label>*/}
+                                            <input
+                                                type="file"
+                                                accept=".zip"
+                                                onChange={(e) => {
+                                                    const selectedFile = e.target.files?.[0]; // 使用可选链操作符检查 files 是否为 null
+                                                    if (selectedFile) {
+                                                        setFile(selectedFile);
+                                                    } else {
+                                                        setFile(null); // 如果没有文件选择，清空文件状态
+                                                    }
+                                                }}
+                                                className="w-full p-2 border rounded-md"
+                                                required
+                                            />
+                                        </div>
+                                    )}
+
+                                    <div className="flex justify-end mt-4">
+                                        <button
+                                            type="button"
+                                            onClick={() => setModalOpen(false)}
+                                            className="mr-2 rounded-md bg-gray-300 p-2"
+                                        >
+                                            Cancel
+                                        </button>
+                                        <button
+                                            type="submit"
+                                            className="rounded-md bg-blue-600 text-white p-2"
+                                        >
+                                            Submit
+                                        </button>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    )}
+
+                    {/* Right: Profile Info */}
+                    <div className="flex items-center space-x-6">
+                        <div className="relative">
+                            <Image
+                                src={session.user?.image || '/default-avatar.png'}
+                                alt="Profile"
+                                width={100}
+                                height={100}
+                                className="rounded-full"
+                            />
+                        </div>
+                        <div>
+                            <h1 className="text-2xl font-bold mb-1">{session.user?.name}</h1>
+                            <p className="text-gray-600 mb-2">{session.user?.email}</p>
+                            <button className="px-4 py-2 bg-gray-100 rounded-md hover:bg-gray-200">
+                                Edit Profile
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </header>
+
+            {/* Main Content Area (Tabs) */}
+            <div className="max-w-6xl mx-auto px-4 py-6">
+                <Tabs
+                    activeKey={activeTab}
+                    onChange={setActiveTab}
+                    items={[
+                        {
+                            key: '1',
+                            label: 'Overview',
+                            children: <OverviewTab />,
+                        },
+                        {
+                            key: '2',
+                            label: 'My Favorites',
+                            children: <FavoritesTab />,
+                        },
+                        {
+                            key: '3',
+                            label: 'Uploads',
+                            children: <UploadsTab uploadCrates={uploadCrates || []} />,
+                        },
+                        {
+                            key: '4',
+                            label: 'Analysis History',
+                            children: <AnalysisHistoryTab />,
+                        },
+                    ]}
+                />
+            </div>
+        </div>
+    );
+}
+
+// Overview Tab component
+function OverviewTab() {
+    return (
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+            {/* Activity Stats */}
+            <div className="bg-white p-6 rounded-lg shadow">
+                <h3 className="text-lg font-semibold mb-4">Activity Stats</h3>
+                <div className="space-y-4">
+                    <div className="flex justify-between">
+                        <span>Analysis Count</span>
+                        <span className="font-semibold">123</span>
+                    </div>
+                    <div className="flex justify-between">
+                        <span>Favorites Count</span>
+                        <span className="font-semibold">45</span>
+                    </div>
+                    <div className="flex justify-between">
+                        <span>Crate Uploads</span>
+                        <span className="font-semibold">12</span>
+                    </div>
+                </div>
+            </div>
+
+            {/* Recent Activity */}
+            <div className="bg-white p-6 rounded-lg shadow">
+                <h3 className="text-lg font-semibold mb-4">Recent Activity</h3>
+                <div className="space-y-4">
+                    <div className="flex items-center space-x-3">
+                        <div className="flex-1">
+                            <p className="text-sm">Analyzed tokio crate</p>
+                            <p className="text-xs text-gray-500">2 hours ago</p>
+                        </div>
+                    </div>
+                    <div className="flex items-center space-x-3">
+                        <div className="flex-1">
+                            <p className="text-sm">Favorited serde crate</p>
+                            <p className="text-xs text-gray-500">1 day ago</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
+
+// My Favorites Tab component
+function FavoritesTab() {
+    return (
+        <div className="space-y-4">
+            <div className="bg-white p-6 rounded-lg shadow">
+                <h3 className="text-lg font-semibold mb-4">My Favorites</h3>
+                {/* Favorites list */}
+                <div className="space-y-4">
+                    {/* Sample favorite item */}
+                    <div className="border-b pb-4">
+                        <div className="flex justify-between items-start">
+                            <div>
+                                <h4 className="text-lg font-medium">serde</h4>
+                                <p className="text-sm text-gray-600">
+                                    A generic serialization/deserialization framework
+                                </p>
+                            </div>
+                            <button className="text-red-500 hover:text-red-600">
+                                Unfavorite
+                            </button>
+                        </div>
+                    </div>
+                    {/* More favorite items... */}
+                </div>
+            </div>
+        </div>
+    );
+}
+
+// Uploads Tab component
+function UploadsTab({ uploadCrates }: { uploadCrates: Crates[] }) {
+    return (
+        <div className="space-y-4">
+            <div className="bg-white p-6 rounded-lg shadow">
+                <h3 className="text-lg font-semibold mb-4">Uploads</h3>
+                <div className="space-y-4">
+                    {uploadCrates.map((crate: Crates, index: number) => (
+                        <div key={index} className="border-b pb-4">
+                            <div className="flex justify-between items-start">
+                                <div>
+                                    <h4 className="text-lg font-medium">{crate.name}</h4>
+                                    <p className="text-sm text-gray-600">Upload Time: {crate.time}</p>
+                                </div>
+                                <button className="text-blue-500 hover:text-blue-600">
+                                    View Analysis
+                                </button>
+                            </div>
+                        </div>
+                    ))}
+                </div>
+            </div>
+        </div>
+    );
+}
+
+// Analysis History Tab component
+function AnalysisHistoryTab() {
+    return (
+        <div className="space-y-4">
+            <div className="bg-white p-6 rounded-lg shadow">
+                <h3 className="text-lg font-semibold mb-4">Analysis History</h3>
+                {/* Analysis history list */}
+                <div className="space-y-4">
+                    {/* Sample analysis item */}
+                    <div className="border-b pb-4">
+                        <div className="flex justify-between items-start">
+                            <div>
+                                <h4 className="text-lg font-medium">tokio (v1.36.0)</h4>
+                                <p className="text-sm text-gray-600">Analysis Time: 2024-03-21</p>
+                            </div>
+                            <button className="text-blue-500 hover:text-blue-600">
+                                View Report
+                            </button>
+                        </div>
+                    </div>
+                    {/* More analysis items... */}
+                </div>
+            </div>
+        </div>
+    );
+} 
\ No newline at end of file
diff --git a/app/profile/page.tsx b/app/profile/page.tsx
deleted file mode 100644
index 8efb3c3..0000000
--- a/app/profile/page.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-'use client';
-
-import { useSession } from 'next-auth/react';
-import Image from 'next/image';
-import Link from 'next/link';
-import { Tabs } from 'antd';
-import { useState, useEffect } from 'react';
-
-export default function ProfilePage() {
-    const { data: session } = useSession();
-    const [activeTab, setActiveTab] = useState('1');
-
-    useEffect(() => {
-        if (session) {
-            // 提交 session 到后端
-            fetch('http://210.28.134.203:31688', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(session),
-            })
-                .then(response => response.json())
-                .then(data => {
-                    console.log('成功提交 session:', data);
-                })
-                .catch(error => {
-                    console.error('提交 session 失败:', error);
-                });
-        }
-    }, [session]); // 依赖于 session
-
-    if (!session) {
-        return (
-            <div className="min-h-screen bg-gray-100 flex items-center justify-center">
-                <div className="text-center">
-                    <h1 className="text-2xl font-bold text-gray-800">Please login first</h1>
-                </div>
-            </div>
-        );
-    }
-    console.log('session in profile page !!!!!!!!', session);
-    return (
-        <div className="min-h-screen bg-gray-100">
-            {/* Top bar: Return Home button on the left, Profile Info on the right */}
-            <header className="bg-white border-b">
-                <div className="max-w-6xl mx-auto flex justify-between items-center px-4 py-6">
-                    {/* Left: Return Home Button */}
-                    <div>
-                        <Link href="/">
-                            <button className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-200">
-                                Return Home
-                            </button>
-                        </Link>
-                    </div>
-                    {/* Right: Profile Info */}
-                    <div className="flex items-center space-x-6">
-                        <div className="relative">
-                            <Image
-                                src={session.user?.image || '/default-avatar.png'}
-                                alt="Profile"
-                                width={100}
-                                height={100}
-                                className="rounded-full"
-                            />
-                        </div>
-                        <div>
-                            <h1 className="text-2xl font-bold mb-1">{session.user?.name}</h1>
-                            <p className="text-gray-600 mb-2">{session.user?.email}</p>
-                            <button className="px-4 py-2 bg-gray-100 rounded-md hover:bg-gray-200">
-                                Edit Profile
-                            </button>
-                        </div>
-                    </div>
-                </div>
-            </header>
-
-            {/* Main Content Area (Tabs) */}
-            <div className="max-w-6xl mx-auto px-4 py-6">
-                <Tabs
-                    activeKey={activeTab}
-                    onChange={setActiveTab}
-                    items={[
-                        {
-                            key: '1',
-                            label: 'Overview',
-                            children: <OverviewTab />,
-                        },
-                        {
-                            key: '2',
-                            label: 'My Favorites',
-                            children: <FavoritesTab />,
-                        },
-                        {
-                            key: '3',
-                            label: 'Uploads',
-                            children: <UploadsTab />,
-                        },
-                        {
-                            key: '4',
-                            label: 'Analysis History',
-                            children: <AnalysisHistoryTab />,
-                        },
-                    ]}
-                />
-            </div>
-        </div>
-    );
-}
-
-// Overview Tab component
-function OverviewTab() {
-    return (
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
-            {/* Activity Stats */}
-            <div className="bg-white p-6 rounded-lg shadow">
-                <h3 className="text-lg font-semibold mb-4">Activity Stats</h3>
-                <div className="space-y-4">
-                    <div className="flex justify-between">
-                        <span>Analysis Count</span>
-                        <span className="font-semibold">123</span>
-                    </div>
-                    <div className="flex justify-between">
-                        <span>Favorites Count</span>
-                        <span className="font-semibold">45</span>
-                    </div>
-                    <div className="flex justify-between">
-                        <span>Crate Uploads</span>
-                        <span className="font-semibold">12</span>
-                    </div>
-                </div>
-            </div>
-
-            {/* Recent Activity */}
-            <div className="bg-white p-6 rounded-lg shadow">
-                <h3 className="text-lg font-semibold mb-4">Recent Activity</h3>
-                <div className="space-y-4">
-                    <div className="flex items-center space-x-3">
-                        <div className="flex-1">
-                            <p className="text-sm">Analyzed tokio crate</p>
-                            <p className="text-xs text-gray-500">2 hours ago</p>
-                        </div>
-                    </div>
-                    <div className="flex items-center space-x-3">
-                        <div className="flex-1">
-                            <p className="text-sm">Favorited serde crate</p>
-                            <p className="text-xs text-gray-500">1 day ago</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    );
-}
-
-// My Favorites Tab component
-function FavoritesTab() {
-    return (
-        <div className="space-y-4">
-            <div className="bg-white p-6 rounded-lg shadow">
-                <h3 className="text-lg font-semibold mb-4">My Favorites</h3>
-                {/* Favorites list */}
-                <div className="space-y-4">
-                    {/* Sample favorite item */}
-                    <div className="border-b pb-4">
-                        <div className="flex justify-between items-start">
-                            <div>
-                                <h4 className="text-lg font-medium">serde</h4>
-                                <p className="text-sm text-gray-600">
-                                    A generic serialization/deserialization framework
-                                </p>
-                            </div>
-                            <button className="text-red-500 hover:text-red-600">
-                                Unfavorite
-                            </button>
-                        </div>
-                    </div>
-                    {/* More favorite items... */}
-                </div>
-            </div>
-        </div>
-    );
-}
-
-// Uploads Tab component
-function UploadsTab() {
-    return (
-        <div className="space-y-4">
-            <div className="bg-white p-6 rounded-lg shadow">
-                <h3 className="text-lg font-semibold mb-4">Uploads</h3>
-                {/* Uploads list */}
-                <div className="space-y-4">
-                    {/* Sample upload item */}
-                    <div className="border-b pb-4">
-                        <div className="flex justify-between items-start">
-                            <div>
-                                <h4 className="text-lg font-medium">my-crate</h4>
-                                <p className="text-sm text-gray-600">Upload Time: 2024-03-20</p>
-                            </div>
-                            <button className="text-blue-500 hover:text-blue-600">
-                                View Analysis
-                            </button>
-                        </div>
-                    </div>
-                    {/* More upload items... */}
-                </div>
-            </div>
-        </div>
-    );
-}
-
-// Analysis History Tab component
-function AnalysisHistoryTab() {
-    return (
-        <div className="space-y-4">
-            <div className="bg-white p-6 rounded-lg shadow">
-                <h3 className="text-lg font-semibold mb-4">Analysis History</h3>
-                {/* Analysis history list */}
-                <div className="space-y-4">
-                    {/* Sample analysis item */}
-                    <div className="border-b pb-4">
-                        <div className="flex justify-between items-start">
-                            <div>
-                                <h4 className="text-lg font-medium">tokio (v1.36.0)</h4>
-                                <p className="text-sm text-gray-600">Analysis Time: 2024-03-21</p>
-                            </div>
-                            <button className="text-blue-500 hover:text-blue-600">
-                                View Report
-                            </button>
-                        </div>
-                    </div>
-                    {/* More analysis items... */}
-                </div>
-            </div>
-        </div>
-    );
-} 
\ No newline at end of file
diff --git a/auth.config.ts b/auth.config.ts
new file mode 100644
index 0000000..98e1a34
--- /dev/null
+++ b/auth.config.ts
@@ -0,0 +1,9 @@
+import type { NextAuthConfig } from 'next-auth';
+
+export const authConfig = {
+    pages: {
+        signIn: '/signin',
+    },
+    trustHost: true,
+    providers: [],
+} satisfies NextAuthConfig;
\ No newline at end of file
diff --git a/components/sign-in.tsx b/components/sign-in.tsx
index b24c6ac..b04e578 100644
--- a/components/sign-in.tsx
+++ b/components/sign-in.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import { useEffect } from 'react';
 import { signIn, signOut, useSession } from 'next-auth/react';
 import Image from 'next/image';
 import Link from 'next/link';
@@ -9,6 +10,28 @@ import type { MenuProps } from 'antd';
 export default function SignInButton() {
     const { data: session, status } = useSession();
 
+    useEffect(() => {
+        if (session) {
+            // 提交 session 到后端
+            fetch('api/submitUserinfo', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({
+                    session
+                }),
+            })
+                .then(response => response.json())
+                .then(data => {
+                    console.log('成功提交 session:', data);
+                })
+                .catch(error => {
+                    console.error('提交 session 失败:', error);
+                });
+        }
+    }, [session]); // 依赖于 session
+
     if (status === 'loading') {
         return (
             <button className="bg-gray-200 text-gray-400 px-4 py-2 rounded-md cursor-not-allowed">
@@ -21,7 +44,7 @@ export default function SignInButton() {
         const items: MenuProps['items'] = [
             {
                 key: '1',
-                label: <Link href="/profile">个人中心</Link>,
+                label: <Link href={`/profile/${session.user?.name}`}>个人中心</Link>,
             },
             {
                 key: '2',
@@ -51,7 +74,10 @@ export default function SignInButton() {
 
     return (
         <button
-            onClick={() => signIn('github')}
+            onClick={async () => {
+
+                await signIn("github")
+            }}
             className="flex items-center gap-2 px-4 py-2 bg-gray-800 hover:bg-gray-700 text-white rounded-md transition-colors duration-200"
         >
             <svg
diff --git a/next.config.js b/next.config.js
new file mode 100644
index 0000000..06f8035
--- /dev/null
+++ b/next.config.js
@@ -0,0 +1,15 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    images: {
+        remotePatterns: [
+            {
+                protocol: 'https',
+                hostname: 'avatars.githubusercontent.com',
+                port: '',
+                pathname: '/**',
+            },
+        ],
+    },
+}
+
+module.exports = nextConfig 
\ No newline at end of file
diff --git a/package.json b/package.json
index fa5f081..d737388 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "autoprefixer": "10.4.20",
     "clsx": "^2.1.1",
     "d3": "^7.9.0",
+    "https-proxy-agent": "^5.0.1",
     "next": "^15.1.0",
     "next-auth": "^5.0.0-beta.25",
     "postcss": "8.5.3",
@@ -22,6 +23,7 @@
     "react-dom": "18.3.1",
     "tailwindcss": "3.4.16",
     "typescript": "5.7.2",
+    "undici": "^7.3.0",
     "use-debounce": "^10.0.1"
   },
   "devDependencies": {
diff --git a/proxy-config.ts b/proxy-config.ts
new file mode 100644
index 0000000..607633c
--- /dev/null
+++ b/proxy-config.ts
@@ -0,0 +1,60 @@
+import { HttpsProxyAgent } from "https-proxy-agent"
+import { setGlobalDispatcher, ProxyAgent as UndiciProxyAgent } from 'undici'
+
+// 代理配置类型
+export type ProxyConfig = {
+    isEnabled: boolean;
+    proxyUrl?: string;
+    httpsAgent?: HttpsProxyAgent;
+}
+
+// 获取代理配置
+export function getProxyConfig(): ProxyConfig {
+    const proxyUrl = process.env.HTTPS_PROXY;
+
+    if (!proxyUrl) {
+        return { isEnabled: false };
+    }
+
+    // 配置 undici 代理
+    setGlobalDispatcher(new UndiciProxyAgent({
+        uri: proxyUrl,
+        connect: {
+            timeout: 60000,
+        },
+        keepAliveTimeout: 60000,
+        keepAliveMaxTimeout: 60000,
+    }));
+
+    // 创建 https-proxy-agent 实例
+    const httpsAgent = new HttpsProxyAgent(proxyUrl);
+
+    return {
+        isEnabled: true,
+        proxyUrl,
+        httpsAgent,
+    };
+}
+
+// 扩展的请求配置类型
+export interface ExtendedRequestInit extends RequestInit {
+    agent?: HttpsProxyAgent;
+    timeout?: number;
+}
+
+// 配置全局 fetch
+export function setupGlobalFetch() {
+    const { isEnabled, httpsAgent } = getProxyConfig();
+
+    if (typeof globalThis !== 'undefined' && globalThis.fetch && isEnabled && httpsAgent) {
+        const originalFetch = globalThis.fetch;
+        globalThis.fetch = async (input: RequestInfo | URL, init?: RequestInit) => {
+            const extendedInit: ExtendedRequestInit = {
+                ...init,
+                agent: httpsAgent,
+                timeout: 60000,
+            };
+            return originalFetch(input, extendedInit as RequestInit);
+        };
+    }
+}
\ No newline at end of file