Add env-based site configuration

components/site-footer.tsx

@@ -1,8 +1,9 @@
+import { siteConfig } from '@/lib/config';
+
 export function SiteFooter() {
   return (
     <footer className="border-t py-4 text-center text-sm text-gray-500">
-      © {new Date().getFullYear()} Your Name
+      © {new Date().getFullYear()} {siteConfig.author}
     </footer>
   );
 }
-

components/site-header.tsx

@@ -1,12 +1,13 @@
 import Link from 'next/link';
 import { ThemeToggle } from './theme-toggle';
+import { siteConfig } from '@/lib/config';
 
 export function SiteHeader() {
   return (
     <header className="border-b bg-white/80 dark:bg-gray-950/80 backdrop-blur">
       <div className="container mx-auto flex items-center justify-between px-4 py-3">
         <Link href="/" className="font-semibold">
-          個人首頁
+          {siteConfig.title}
         </Link>
         <nav className="flex items-center gap-4 text-sm">
           <Link href="/blog">Blog</Link>
@@ -17,4 +18,3 @@ export function SiteHeader() {
     </header>
   );
 }
-