網頁設計好好玩
一、編輯工具
- 由於電腦教室檔案會被還原,所以每次進教室,先在「D:\」建立一個資料夾 例如「ugm」 ,由於git bash 無法處理中文,所以請不要用中文名稱或空白。
- 然後在 「d:\ugm\」再建立一個 「github」,此資料夾專門來放置,github的數據庫
- sublime text3 :下載至 「d:\ugm\」,然後「解壓縮至此」,此檔可以放置到學校的檔案空間,下次即可以由此處理複製而不用下載。
- GitHub
- 本學期仍然將網站托管在「GitHub Pages」
- GitHub Pages 可以開設一個 「https://帳號.github.io」的網站,其數據庫名稱為「帳號.github.io」
例:tawan158.github.io - tawan158 是github帳號,只要開設這個數據庫,那麼「GitHub Pages」就可以得到一個網址為:「https://tawan158.github.io」
- 而其他的數據庫則為,例:hhjh106 => 「https://tawan158.github.io/hhjh106」
-
作業:請開設「帳號.github.io」數據庫,並將其設定為「GitHub Pages」
- 因為 GitHub 最近剛改變他們的 SSL 連線參數設定,主要是 SSL 連線現在只提供 TLSv1.2 加密連線協定,還有停用 SHA1 雜湊演算法。
- 所以請重新下載最新版的Git軟體,請下載至 「d:\ugm\」下,然後對其按「右鍵/開啟」再按「ok」就可以自解壓縮了!
- 請執行「PortableGit/git-bash.exe」
- 設定 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
每次第一次上傳時,GitHub會要求輸入「帳號」、「密碼」,如果在各位家裡的電腦,則是做過一次,就會記錄起來,不用每次輸入 - 我們是使用GitHub Pages服務,所以只會用Git的幾命令而已
- 「cd /c/ugm/github」=> 改變目錄位置
- 「git clone https://github.com/tawan158/tawan158.github.io.git」=> clone之前,不能有「tawan158.github.io」資料夾,否則無法clone
- 「cd /c/ugm/github/tawan158.github.io」=>再把目錄切換至「tawan158.github.io」
- 上傳檔案三個步驟
git add .
git commit -m "訊息"
git push origin master
- 開啟 sublime text3
- 新增專案
- 建立新檔 index.html
- 內容:HELLO WORLD!