setup gh-pages

dxu104 · Apr 28, 2024 · f0cbaef · f0cbaef
1 parent b708dc1
commit f0cbaef
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 24 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -17,6 +17,8 @@ function App() {
     function handlePageChange() {
       // 使用 window.location.hash 获取哈希值作为页面
       const path = window.location.hash.slice(1); // 移除前面的 '#'
+      // window.location.hash = path;
+
       setPage(path || "/about"); // 如果没有哈希，则默认为 "/about"
     }
     handlePageChange(); // 设置初始页面

diff --git a/src/jsx/FooterLink.jsx b/src/jsx/FooterLink.jsx
@@ -7,7 +7,7 @@ const footerLink = [
     },
     {
         name: "Contact Me",
-        path: "ContactMe",
+        path: "contactme",
     },
 ];
 
@@ -17,7 +17,7 @@ function FooterLink({ setPage }) {
             <div key={item.name} className="footer-link">
                 <a href={`#${item.path}`} onClick={(e) => {
                         e.preventDefault(); // 阻止链接的默认行为
-                        window.location.hash = item.path; // 更新哈希部分
+                        // window.location.hash = item.path; // 更新哈希部分
                         setPage('/' + item.path); // 更新页面状态
                     }}>
                         {item.name}

diff --git a/src/jsx/MainArea.jsx b/src/jsx/MainArea.jsx
@@ -1,22 +1,24 @@
-// import { useState } from 'react';
+import { useEffect } from 'react';
 import AboutMe from './AboutMe';
 import Experience from './Experience';
 import Projects from './Projects';
 import Resume from './Resume';
-import { useEffect } from 'react';
-
 import Privacy from './Privacy';
 import ContactMe from './ContactMe';
 
 function MainArea({ page, setPage }) {
     useEffect(() => {
         function handlePageChange() {
-            const path = window.location.hash.slice(1) || '/about'; // 获取哈希值，并提供默认页面
+            const path = window.location.hash.slice(1) || '/about';
+            console.log("Setting page to:", path);
             setPage(path);
         }
+
 
-        window.addEventListener("hashchange", handlePageChange); // 监听 hashchange 事件
-        handlePageChange(); // 初始化页面状态
+        // 监听 hashchange 事件
+        window.addEventListener("hashchange", handlePageChange);
+        // 初始化页面状态
+        handlePageChange();
 
         return () => {
             window.removeEventListener("hashchange", handlePageChange);
@@ -25,25 +27,17 @@ function MainArea({ page, setPage }) {
 
     const renderPage = () => {
         switch (page) {
-            case '/about':
-                return <AboutMe />;
-            case '/experience':
-                return <Experience />;
-            case '/projects':
-                return <Projects />;
-            case '/resume':
-                return <Resume />;
-            case '/privacy':
-                return <Privacy />;
-            case '/contactme':
-                return <ContactMe />;
-            default:
-                return <AboutMe />;
+            case '/about': return <AboutMe />;
+            case '/experience': return <Experience />;
+            case '/projects': return <Projects />;
+            case '/resume': return <Resume />;
+            case '/privacy': return <Privacy />;
+            case '/contactme': return <ContactMe />;
+            default: return <AboutMe key={page} />;
         }
     };
 
     return <>{renderPage()}</>;
 }
 
-
-export default MainArea; 
+export default MainArea;