Git & Github 入門

Git 是什麼?
一種分散式版本控制系統 (Distributed Version Control Systems),可藉由它產生一個數據庫 (repository),並且做到分散式版本控制。由於可在多處放置同一份程式碼、歷史紀錄追蹤與回朔,讓協同開發變得容易。
Git 和 GitHub 的差異
git 是一套軟體系統,而 GitHub 則是運用 git 提供程式原始碼版本控制與代管服務的服務平台。
Git 安裝
Git 版本控制基本觀念

Git 常用指令
- 初始化數據庫:
git init - 查詢當前狀態:
git status - 將檔案加入到索引:
git add . - 將索引檔案變成一個更新(commit):
git commit -m "修改內容" - 觀察 commit 歷史紀錄:
git log - 下載遠端數據庫:
git clone 數據庫網址 - 更新遠端數據庫:
git push origin master
GitHub 專案建立
申請完 Github 帳號後點選右上角來新增 new repository

這邊輸入專案的名稱

- 專案建立之後如果是全新開始,請依「create a new repository on the command line」的指示進行;如果是要上傳現存專案,則依照「push an existing repository from the command line」指示進行。

GitHub page 實作
進入到專案資料夾,git status 確認資料夾內的狀態,可以看到 index.html 跟 css 資料夾裡的 main.css 檔案還未加入索引
這邊我用舊有專案示範,有先修改內容,所以索引內還沒有修改後的
index.html跟main.css

把修改後的 index.html 和 main.css 用 git add 指令加入索引中,再次確認 git 狀態,可以看到檔案顏色變成綠色,代表已經加入

接著 git commit -m "2020style" 加入到本地數據庫,並註解 “2020style”

再來用 git branch gh-page 來新增名為 gh-page 的分支,之後用 git branch 來確認是否新增成功,成功的話可以看到我們現在有兩個分支

輸入 git checkout gh-page 切換到 gh-page 分支

輸入 git push將本地的檔案 push 到 GitHub 上,但是 GitHub 還沒有這個分支,所以會提示我們要輸入以下指令來完成 git push --set-upstream origin gh-pages

接下來在 GitHub 頁面上可以看到分支建立成功

剛剛新增的檔案也在分支內

之後就可以透過網址來瀏覽我們的靜態網頁
https://mjeddie.github.io/RootsSkate/
參考資料
延伸閱讀
Git & Github 入門