邏輯拼圖大師 (Nonogram SPA)

繁體中文版本的 Nonogram (數織) 邏輯拼圖遊戲，採用現代化 Web 技術構建，支援 RWD 響應式設計與 GitHub Pages 部署。

✨ 特色 (Features)

• 10 個精選關卡：包含愛心、笑臉、小鴨等不同難度的圖案。
• **響應式設計 (RWD)**：完美支援桌面與行動裝置操作。
• 直覺操作：
  • 左鍵：填色 (Fill)
  • 右鍵：標記 (X)
• 教學模式：內建「如何遊玩」圖解說明，新手也能快速上手。
• 現代化 UI：基於 Shadcn 設計系統，支援淺色/深色模式（Semantic Colors）。
• 純靜態網站：支援 SEO，可直接部署於 GitHub Pages。

🛠️ 技術棧 (Tech Stack)

• Framework: SvelteKit (Static Adapter)
• Styling: TailwindCSS v4
• Icons: Lucide-svelte
• Build Tool: Vite
• Deployment: GitHub Actions -> GitHub Pages

🚀 快速開始 (Quick Start)

安裝依賴 (Install)

npm install

開發模式 (Development)

啟動本地開發伺服器：

npm run dev
# 或
npm run dev -- --open

建置專案 (Build)

產生靜態檔案 (Static Generation)：

npm run build

建置後的檔案位於 build/ 目錄，可直接部署。

🌐 部署 (Deployment)

本專案已設定 GitHub Actions Workflow (.github/workflows/deploy.yml)。

1. 將程式碼 Push 到 GitHub Repository。
2. 在 GitHub Repo 設定中，將 Pages 的 Source 設定為 GitHub Actions。
3. 每次 Push 到 main 分支時，會自動觸發部署。

📜 授權 (License)

MIT License.

© 2026 FcrbPeter. Built with ❤️ using Svelte.