From 9ad6de27f261fef4015444c6338364ba8ee42df0 Mon Sep 17 00:00:00 2001
From: gbanyan <gbanyan.huang@gmail.com>
Date: Mon, 17 Nov 2025 21:37:52 +0800
Subject: [PATCH] Populate navbar with pages from contentlayer

---
 components/site-header.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/site-header.tsx b/components/site-header.tsx
index 1316e3e..3bd0a5b 100644
--- a/components/site-header.tsx
+++ b/components/site-header.tsx
@@ -1,8 +1,13 @@
 import Link from 'next/link';
 import { ThemeToggle } from './theme-toggle';
 import { siteConfig } from '@/lib/config';
+import { allPages } from 'contentlayer/generated';
 
 export function SiteHeader() {
+  const pages = allPages
+    .slice()
+    .sort((a, b) => (a.title || '').localeCompare(b.title || ''));
+
   return (
     <header className="bg-white/80 backdrop-blur dark:bg-gray-950/80">
       <div className="container mx-auto flex items-center justify-between px-4 py-3 text-slate-900 dark:text-slate-100">
@@ -11,7 +16,11 @@ export function SiteHeader() {
         </Link>
         <nav className="flex items-center gap-4 text-sm">
           <Link href="/blog">Blog</Link>
-          <Link href="/pages/關於作者">關於</Link>
+          {pages.map((page) => (
+            <Link key={page._id} href={page.url}>
+              {page.title}
+            </Link>
+          ))}
           <ThemeToggle />
         </nav>
       </div>