今日目標：用 Git 管理真實程式專案
步驟1：建立公司網站專案

建立專案資料夾

mkdir company-website
cd company-website

建立專案結構（手動建立就好）

mkdir css
mkdir js
mkdir images

初始化 Git

git init # 現在變成 Git Repository（有版本控制功能的資料夾）
步驟2：用你習慣的編輯器建立檔案
用記事本、VS Code 或任何編輯器建立以下檔案：
index.html (存在主資料夾)

h1 {
color: #333;
text-align: center;
}
步驟3：第一次提交

檢查檔案狀態

git status

加入所有檔案

git add .

提交基本網站

git commit -m "建立公司網站基本架構"

-m 就是讓你可以直接在指令後面寫標題/訊息的關鍵參數

commit 後面的字串是「版本說明」

步驟4：主管要求新增功能
建立 about.html

nav {
margin-bottom: 30px;
text-align: center;
}

nav a {
margin: 0 15px;
text-decoration: none;
color: #007bff;
font-weight: bold;
}

nav a:hover {
color: #0056b3;
}

h1 {
color: #333;
text-align: center;
}
步驟7：提交修正
git add css/style.css
git commit -m "改善網站導航樣式和使用者體驗"
步驟8：檢查工作成果

看看今天完成的工作

git log --oneline

檢查專案狀態

git status

看看專案檔案結構

ls
ls css/
重點學習：
• ✅ 用編輯器寫程式（不是用指令）
• ✅ Git 管理程式專案（不是筆記）
• ✅ 每完成功能就 commit（工作節奏）
• ✅ 寫清楚的 commit 訊息（團隊溝通）
今天的核心指令：
git status # 檢查狀態
git add . # 加入所有修改
git commit -m "訊息" # 提交版本
git log --oneline # 查看工作記錄
這就是真實的工作流程：

1. 收到任務
2. 用編輯器寫程式
3. 測試功能
4. Git 提交
5. 繼續下個功能