1. 開發環境

使用工具

1. 32bit sublime text3
2. 64bit sublime text3
3. codepen

範例網站

1. https://webugm.github.io/bs4/

GitHub

HTML是網頁前端語言，不需伺服器，透過瀏覽器即可執行，但如果要讓別人觀看，放在網頁伺服器是最快速的方法。

這裡我們使用GitHub Pages來當我們的網頁伺服器，研習結果也要上傳至此。

1. 官網：https://github.com/

2. 註冊帳號
   註冊完成須至電子信箱收驗證信

3. 建立「repositoy」

4. 設定GitHub pages：請參考 https://goo.gl/8Ncsnb

Git

1. 官網：https://git-scm.com/
2. 下載：https://git-scm.com/download/win
3. 在下載頁面，會自動偵測適合版本的安裝版，建議取消，改用「攜帶版」安裝

使用

1. 執行「PortableGit/git-bash.exe」
2. 設定 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帳號 與 email
3. 第一次「push」時，會要求「GitHub 帳號、密碼」

clone repository

1. 在本機端建立資料夾「github」，用來放置專案。(此資料夾名稱不要有中文、空白，也不要放在中文目錄下)

2. Windows 指令
   cd：改變目錄

   clone repositoy

3. git clone https://github.com/帳號/數據庫名稱.git

上傳

1. git add .
2. git commit -m "訊息"
3. git push origin master

注意：

1. 上傳時，注意工作目錄位置
2. 第1次上傳，會要求輸入「GitHub帳密」
3. 第2次以後，請使用「上、下鍵」