Git / GitHub / VS Code
用乾淨清楚的路線，完成你的第一個版本控制專案。
這是一個可閱讀、可操作、可練習的教學型電子書網站。從 Git 基礎概念到 GitHub Pages 發布， 每一步都以初學者真正需要完成的任務為核心。
Learning Flow
- 理解 Git 與 GitHub 的角色
- 用 VS Code 建立第一個專案
- 完成 clone、commit、push
- 部署到 GitHub Pages
Why This Site
不是只講概念，而是帶你真的做出來。
閱讀友善
每個章節都用清楚、直接、可理解的方式說明，讓初學者能快速掌握核心概念。
操作導向
每個 Lab 都以實際任務為主軸，讓你知道現在該做什麼、下一步要去哪裡。
可持續擴充
整體架構為靜態網站，適合持續增加章節、案例、練習與圖片資源。
Core Chapters
從理解到發布，先完成最重要的起步章節。
Chapter 1
Git 與 GitHub 是什麼
先建立清楚的心智模型，理解本機、遠端、版本紀錄與協作之間的關係。
閱讀第一章Chapter 2
安裝 Git 與設定環境
準備 Git、VS Code 與基本設定，讓後續操作更順手也更不容易出錯。
閱讀第二章Chapter 3
用 VS Code 開始第一個版本控制專案
初始化 Git、認識 Source Control 面板、建立第一個 commit、連接遠端。
閱讀第三章Chapter 4
clone、add、commit、push 流程
四個核心動作與日常工作循環，建立可重複使用的版本控制節奏。
閱讀第四章Lab 1
建立第一個 GitHub Repo
用最小可行流程完成 repository 建立、clone、commit 與 push 的第一輪體驗。
開始 Lab 1Lab 2 · Lab 3
推送專案與 Pull Request
將本機專案推送到 GitHub，再學用分支與 PR 協作。
開始 Lab 2Built For GitHub Pages
靜態網站結構，簡單、穩定，也更容易部署。
整個專案以 HTML、CSS、JavaScript 為核心，不依賴複雜框架。你可以先把內容與版型做好， 再用 GitHub Pages 直接發布，讓自己的教學內容變成真正可分享的網站。
HTML
CSS
JavaScript
GitHub Pages