https://github.com/kageryo/mywebsite
我的個人網頁，在這裡探索更多新事物❤️
https://github.com/kageryo/mywebsite
my-website self-website website
Last synced: 8 months ago
JSON representation
我的個人網頁，在這裡探索更多新事物❤️
- Host: GitHub
- URL: https://github.com/kageryo/mywebsite
- Owner: KageRyo
- License: mit
- Created: 2023-04-21T14:17:20.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-06-26T12:34:28.000Z (about 1 year ago)
- Last Synced: 2025-06-26T13:32:45.518Z (about 1 year ago)
- Topics: my-website, self-website, website
- Language: HTML
- Homepage: https://kageryo.coderyo.com
- Size: 64.6 MB
- Stars: 7
- Watchers: 1
- Forks: 3
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# KageRyo Developer Website
我的個人網頁，在這裡探索更多新事物❤️
## 🌟 專案介紹
這是 [KageRyo Developer](https://github.com/kageryo) 的個人網站，展示個人簡介、技能、作品集和聯絡資訊。
## ⚡ 技術特色
- **[TocasUI](https://github.com/teacat/tocas)** - 現代化 CSS 框架
- **GitHub API** 整合 - 動態載入專案資訊
- **響應式設計** - 支援桌面與行動裝置
- **自動部署** - GitHub Pages
## 🚀 快速開始
### 前置要求
- Node.js (建議版本 16+)
- npm 或 yarn
### 本地開發
```bash
# Clone 專案
git clone https://github.com/KageRyo/MyWebsite.git
cd MyWebsite
# 安裝依賴
npm install
# 啟動開發伺服器
npm run dev
```
### 建置與部署
```bash
# 建構生產版本
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](https://github.com/KageRyo/MyWebsite/issues)
- 電子郵件: kageryo@coderyo.com
## 📝 授權條款
本專案頁面內容條款為 `CC-BY4`，可自由再製、轉發或使用，包含但不限於商業用途，唯須標明作者，而程式原始碼以 `MIT` 進行授權。