IT APPLICATIONS / WEEK 02
哪一個才是
最新版？

工作檔案櫃，從今天開始

資訊科技與應用　W2

AA 2026.09.14　／　AB 2026.09.15

國立東華大學 · 資訊科技與應用
01 / 16
IT APPLICATIONS / WEEK 02
兩份檔案，哪裡不同？
v1 · 10:00

雨天到圖書館

v2 · 10:05

雨天到操場

時間較新，就一定比較對嗎？

國立東華大學 · 資訊科技與應用
02 / 16
IT APPLICATIONS / WEEK 02
repo 是工作檔案櫃

01 notes.md 筆記

02 sources.csv 來源

03 rules.md 工作規則

打開老師的公開教材櫃
國立東華大學 · 資訊科技與應用
03 / 16
IT APPLICATIONS / WEEK 02
兩個櫃子，兩種範圍
PRIVATE

工作檔案櫃

作業、筆記、草稿

PUBLIC

我的網站

願意讓任何人看的內容

國立東華大學 · 資訊科技與應用
04 / 16
IT APPLICATIONS / WEEK 02
AI 整理完，原版還在嗎？
原檔＋整理副本

整理後，再留一個可回查的版本。

Campus Agent Lab · 任務 A
國立東華大學 · 資訊科技與應用
05 / 16
IT APPLICATIONS / WEEK 02
每次留版，都說明改了什麼
01

放入任務卡

02

補上分類理由

03

救回正確句子

留版紀錄（commit）連著內容與理由。

國立東華大學 · 資訊科技與應用
06 / 16
IT APPLICATIONS / WEEK 02
私有櫃的第一份材料

1 New repository · Private

2 Add file · Upload files

3 Commit changes

放入 W1 任務卡，沒有就用替代檔。

國立東華大學 · 資訊科技與應用
07 / 16
IT APPLICATIONS / WEEK 02
公開網站的入口檔

index.html

放在公開 repo 的最外層

Settings / Pages
Deploy from a branch · main · / (root)

國立東華大學 · 資訊科技與應用
08 / 16
IT APPLICATIONS / WEEK 02
差異就是這次改動的範圍

− 雨天到圖書館

＋ 雨天到操場

差異（diff）：指出刪掉與新增的那一行。

國立東華大學 · 資訊科技與應用
09 / 16
IT APPLICATIONS / WEEK 02
救回時，歷史繼續往前
v1

正確

v2

改壞

v3

取回 v1 內容

舊版複製回 main，再寫一筆救回紀錄。

國立東華大學 · 資訊科技與應用
10 / 16
IT APPLICATIONS / WEEK 02
本週分兩步完成
2

repo

1

各一個 commit

W3

前補差異與救回

課內先有半成品；Pages 卡關可登記。

國立東華大學 · 資訊科技與應用
11 / 16
IT APPLICATIONS / WEEK 02
你的 30 分鐘操作台

12′ 私有櫃與任務卡

12′ 公開網站與 Pages

6′ 看一次差異

學生步驟與起步檔
國立東華大學 · 資訊科技與應用
12 / 16
IT APPLICATIONS / WEEK 02
網址要在另一台裝置打得開

https://…github.io/…/

同學用自己的手機開啟。

404？先核對部署、檔名與資料夾位置。

國立東華大學 · 資訊科技與應用
13 / 16
IT APPLICATIONS / WEEK 02
卡在帳號，也能練三件事

G1 留本機 v1、v2

G2 比較前後那一行

G3 複製舊版救回

這是本機模擬；登記卡關，同分。

國立東華大學 · 資訊科技與應用
14 / 16
IT APPLICATIONS / WEEK 02
同學互查：救回哪一版？
  1. 指出改壞的那一行
  2. 說明為什麼選這個舊版
  3. 打開現在的檔案，驗一次
國立東華大學 · 資訊科技與應用
15 / 16
IT APPLICATIONS / WEEK 02
下週，AI 來改你的網站

你先決定要改什麼，
再檢查它改了什麼。

國立東華大學 · 資訊科技與應用
16 / 16