KageRyo Developer Website

我的個人網頁，在這裡探索更多新事物❤️

🌟 專案介紹

這是 KageRyo Developer 的個人網站，展示個人簡介、技能、作品集和聯絡資訊。

⚡ 技術特色

• TocasUI - 現代化 CSS 框架
• GitHub API 整合 - 動態載入專案資訊
• 響應式設計 - 支援桌面與行動裝置
• 自動部署 - GitHub Pages

🚀 快速開始

前置要求

• Node.js (建議版本 16+)
• npm 或 yarn

本地開發

# Clone 專案
git clone https://github.com/KageRyo/MyWebsite.git
cd MyWebsite

# 安裝依賴
npm install

# 啟動開發伺服器
npm run dev

建置與部署

# 建構生產版本
npm run build

# 預覽建構結果
npm run preview

自動部署已配置，推送到主分支即可更新網站。

線上訪問

🌐 官網：https://kageryo.github.io/MyWebsite/

📂 專案結構

├── index.html              # 主入口檔案
├── src/                    # 應用程式源碼
│   ├── components/         # 組件模組
│   │   ├── about/          # 關於頁面組件
│   │   ├── contact/        # 聯絡頁面組件
│   │   ├── home/           # 首頁組件
│   │   ├── layout/         # 佈局組件
│   │   └── projects/       # 專案頁面組件
│   ├── stores/             # 狀態管理
│   ├── router/             # 路由配置
│   └── views/              # 頁面組件
├── assets/                 # 靜態資源
│   ├── css/                # 樣式文件
│   └── img/                # 圖片資源
└── .github/workflows/      # 自動部署配置

✨ 主要功能

• 🎨 響應式設計 - 完美適配各種裝置
• 🌙 深色模式 - 支援明/暗主題切換
• 📱 行動裝置最佳化 - 手機端導航選單
• 🔗 GitHub API 整合 - 動態載入開源專案
• 📧 聯絡表單 - 直接發送郵件功能
• 🚀 快速載入 - 現代化單頁應用體驗

如何貢獻

我們歡迎任何形式的貢獻！如果您對此專案感興趣，請遵循以下步驟：

1. Fork 此存儲庫
2. 創建您的功能分支 (git checkout -b feature/AmazingFeature)
3. 提交您的更改 (git commit -m 'Add some AmazingFeature')
4. 將您的更改推送到分支 (git push origin feature/AmazingFeature)
5. 打開一個 Pull Request

聯絡我們

如果您有任何問題或建議，請隨時通過以下方式聯繫我們：

• 提交 Issue
• 電子郵件: kageryo@coderyo.com

📝 授權條款

本專案頁面內容條款為 CC-BY4，可自由再製、轉發或使用，包含但不限於商業用途，唯須標明作者，而程式原始碼以 MIT 進行授權。