Title1

Title2

Title3

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次以後,請使用「上、下鍵」