Step by step tutorial teach you what is git and teach you how to push your page to github pages.

1. Git
一個版本控制系統
Version Control System (VCS)
1. 認識 git
2. 操作 github
3. 發佈網頁 (gh-pages)
今日任務

2. 什麼是 git ?

3. 在軟體開發的過程中，程式碼每天不斷地產
出，過程中會發生以下情況：
• 檔案被別人或自己覆蓋，甚至遺失
• 想復原前幾天寫的版本
• 想知道跟昨天寫的差在哪裡
• 是誰改了這段程式碼，為什麼
• 軟體發行，需要分成維護版跟開發版
Reference : https://ihower.tw/git/vcs.html

4. git 能幫助我們解決這些問題：
• 可以隨時復原修改，回到之前的版本
• 多人協作時，不會把別人的東西蓋掉
• 保留修改歷史記錄，以供查詢
• 軟體發行時，可以方便管理不同版本
Reference : https://ihower.tw/git/vcs.html

5. 認識 git
• Repository 一個專案
• Branch 專案支線
• Commit 時間軸上的一筆更動
Commit Branch
Repository

6. 什麼是 github

7. Git 跟 Github
• Git 檔案版本控制軟體
• Github 以 git 為基礎擴充伺服器服務，
使專案更便於發佈與協作
Git
Github

8. 來看看別人的 Github
• Github :
https://github.com/johnpolacek/superscroll
orama
• Github
pages :http://johnpolacek.github.io/supersc
rollorama/

9. 開始使用 Github GUI
1. 註冊安裝 github
2. 新增專案 (repository)
3. 建立變更記錄 (commit)
4. 捨棄先前變更 (revert)
5. 新增專案分支 (branch)
6. 創建自己的 (gh-pages)
7. 與伺服器同步 (sync)

10. 註冊安裝 github
註冊好 github，並完成認證
下載並安裝 github
• windows ： https://windows.github.com/
• mac ：
https://mac.github.com/
* Gui : 圖形使用者界面

11. 新增專案 (repository)
兩種方式：
• 在網頁上新增 create
• 在本機上新增
– Add : 將本機內其他 repo 加進來管理
– Create : 在本機創建一個 git repository
– Clone : 從遠端下載到本機指定資料夾
Remote repository
Local repository

12. 找到你設定的資料夾 repo ，
在裡面新建檔案
這時候 github 軟體 會偵測到你的變更
這時候你就可以到 github 做 commit

13. 建立變更記錄 (commit)
會新增一個變更節點
• What / why / who
/ when / where / how commit

14. 再回到你的 repo 資料夾，在新建一個檔案
然後建立第二個 commit

15. 捨棄先前變更 (revert)
• 捨棄某 commit
• 回復到特定 commit
http://stackoverflow.com/questions/411409
5/revert-to-a-previous-git-commit

16. 這時候到你的資料夾看一下~
第二個建立的檔案就不見了

17. 新增專案分支 (branch)/
• 從最後一個 commit 為基準，建立一個分支
• gh-pages : Github公開網頁分支
• 網址 : <帳號>.github.io/<repo nmae>
branch

18. 建立 gh-pages 後
將 branch 切回 master branch
回到你的 repo 資料夾，
在master branch 底下新建一個檔案
然後建立第三個 commit
建立完 commit 回到 github 軟體
切換 branch 到 gh-pages
回到你的 repo 資料夾 看看結果

19. (補充 合併 branch)
git Merge <branch>
• 常用此功能將此分支的變更推回去原分支

20. 與伺服器同步 (sync)
• Publish : 將本機的專案(repo) 公開到網路上
• Sync : 本機執行 push 跟 pull
– Git push 將本機變更同步到遠端
– Git pull 將遠端變更同步到本機

21. 補充
Github 每個目錄底下都可以放一個Readme
讓其他使用者或開發者便於了解你的軟件
網站上也可直接進行編輯，
和查看所有的歷史。
Readme file 的檔案類型是 markdown
在 stackover flow 發問時也用的到
Github and stackoverflow markdown :
https://help.github.com/articles/github-flavored-markdown/
http://stackoverflow.com/editing-help

22. ＄想要用git command line ?
https://help.github.com/articles/set-up-git/

23. ＄常用指令
Repository
• git init
Commit
• git status
• git add <file name>
• git commit –m <message>
• git revert
• git checkout <commit SHA>
Branch
• git checkout <branch>
• git merge <branch> 合併
• git branch <branch> 新增
Version control
• git tag
History
• git log
Sync
• git remote
• git push 推
• git pull 更新

24. ＄很不錯的資源
Git 指令用用看
https://try.github.io/levels/1/challenges/1
Git 指令教學 （圖示、淺白）
https://www.atlassian.com/git/tutorials/setting-up-a-
repository
Git 官網
http://git-scm.com/
中文的 git 解說
https://ihower.tw/git/vcs.html

25. $ 待續…
Git 協作
http://tech.marsw.tw/blog/2013/08/17/git-
notes-github-n-person-cooperation-settings