兪帆的個人作品集網站 🌟

使用 Vue 3 + Vite 建置的個人作品集網站，展示我的作品和經歷。

✨ 特色功能

• 📱 響應式設計
• 🎮 互動式 3D 背景
• ✨ 粒子特效
• 🌓 明暗主題切換
• 📑 作品集區塊：
  • 👤 關於我
  • 📸 我的相片
  • 📞 聯絡資訊
  • 🔗 相關連結

🛠️ 技術架構

• ⚡ Vue 3
• 🔥 Vite
• 🎨 Three.js
• 🎯 GSAP
• 🌠 Particles.vue3
• 🎁 Bootstrap
• 🎪 Swiper

🚀 開始使用

系統需求

• Node.js
• npm

安裝步驟

1. 複製專案
2. 安裝依賴套件：

npm install

開發模式

啟動開發伺服器：

npm run dev

產品模式

建置專案：

npm run build

預覽建置結果：

npm run preview

🌐 部署說明

本網站使用 Netlify 部署。部署指令：

netlify deploy --prod

重新配置 Netlify：

netlify unlink
netlify init

💻 建議的開發環境設定

推薦的 IDE 設定：

• VS Code
• Volar
• TypeScript Vue Plugin (Volar)

📸 預覽圖

🙏 致謝

感謝以下開源專案和團隊的貢獻，使本專案得以順利完成：

核心框架與工具

• Vue.js Team - 提供強大的前端框架
• Vite Team - 提供高效的開發工具
• Three.js - 提供 3D 渲染引擎
• GSAP Team - 提供專業的動畫解決方案

設計靈感

• Bokoko33 - 3D 房間模型設計靈感
• Andrew Woan - Three.js 技術指導
• Tendemy - 網頁設計參考

使用的套件

• Bootstrap Team - UI 框架
• Swiper Team - 輪播功能
• Particles.vue3 - 粒子效果
• Netlify Team - 部署平台

特別感謝所有開源社群的貢獻者。

📄 授權條款

本專案使用 ISC 授權條款。

This updated README:
1. Provides a clearer project description
2. Lists the main features
3. Details the tech stack
4. Includes comprehensive setup instructions
5. Maintains the existing deployment information
6. Keeps the IDE setup recommendations
7. Preserves the preview image
8. Adds a license section based on the package.json
9. Adds a thanks section

The format is more structured and provides better information for anyone looking to understand or work with the project.