永康社大 - 網頁設計初階
一、Gmail帳號
- 上課必須有一個Gmail帳號,老師上課會做螢幕錄影,影片上傳至雲端硬碟,下課後同學可以自行下載複習
- 申請Gmail
- GitHub 除了提供免費的 Git Server 外, 當做靜態檔案的伺服器。
- 每個帳號可以設定一個「github.io」的子網域,例 https://webugm.github.io/
- 官網:https://github.com/
- 註冊帳號
註冊完成須至電子信箱收驗證信
- 官網:https://git-scm.com/
- 下載:https://git-scm.com/download/win
- 在下載頁面,會自動偵測適合版本的安裝版,建議取消,改用「攜帶版」安裝
- 執行「PortableGit/git-bash.exe」
- 設定Git config 環境
git config --global user.name "tawan158"
git config --global user.email "tawan158@ugm.com.tw"
git config --global color.ui true
git config --list
請自行將紅字部份,換成自己的 GitHub帳號 與 GitHub email
每次第一次上傳時,GitHub會要求輸入「帳號」、「密碼」,如果在各位家裡的電腦,則是做過一次,就會記錄起來,不用每次輸入
但教室電腦會還原,所以建議將替換過的指令,記鍵在Google文件中,方便下次設定使用 - 第一次「push」時,會要求「GitHub 帳號、密碼」
- 我們是使用GitHub Pages服務,所以只會用Git的幾命令而已
把遠端的專案下載至本地端,如果專案是要當網頁伺服器,建議先設定完「GitHub Pages」再「clone」
「cd /c/ugm/github」=> 改變目錄位置。藍字部份請用滑鼠拖曳
「git clone https://github.com/tawan158/tncomu.git」,只要是Git的命令前面都要加git, 藍字部份請至GitHub取得
=> clone之前,不能有「tncomu」資料夾,否則無法clone - 「cd /c/ugm/github/tncomu」=>把目錄切換至「tncomu」,注意此時最右方應該會(master)
- 上傳檔案三個步驟
git add .
git commit -m "訊息"
git push origin master