# Joshua 20221130 github創建及部署

### 於Github 創建專案

-> Sign in [Github](https://github.com/)
-> 進入預設畫面，點選左方New

-> 進入Create a new repository

-> 輸入Repository name，選擇Public，Create

-> 進入專案畫面，即完成建置
<br>
<br>
<br>

### Clone專案至VS code中

-> 於桌面創建一個資料夾

-> 拖曳至VS code中

-> Command+J 叫出Terminal

-> 於Github專案頁面複製網址

->下指令 git clone+空格 貼上網址
ex: git clone https://github.com/Jamixcs/20221130test.git

-> 下指令 cd+Tab鍵+空格
ex: cd 20221130test/

->enter
->專案就clone下來了

這時候左下角會有個master或main，代表你已和Git上的專案做連結，到時候推檔案就會推到這個分支中
(備註:Terminal只能左右鍵移動，不能用箭頭點選)

<br>
<br>
<br>

### Push檔案上Github

-> 新增一個.html檔案
<br>
-> 於檔案編輯，左邊“分支”icon會有數字出現，表示有更動過
<br>
-> 點選進“分支”這頁
<br>
-> 點選檔案，右方窗格會呈現更動過什麼，紅色代表刪除，綠色代表新增
<br>
-> 於檔案點選+ 確認要變更這些編輯的東西
<br>
-> 檔案會跑到Staged Changes的階層下，表示已確認變更的檔案處
<br>
-> 於Message處輸入這次變更了什麼，按下Commit，檔案就合併進入專案裡了
<br>
-> 已Commit
<br>
-> 下指令 git push

-> 至Github做確認，看見剛剛推上的檔案

<br>
<br>
<br>

### 創立靜態頁面網域

-> 點選Setting
<br>
-> 進入Github pages，點選Pages
<br>
-> Source 點選Deploy from a branch
<br>
-> Branch 點選剛剛於VS code中使用的分支
<br>
-> Save
<br>
-> 設置完成
<br>
-> 回到Code頁面，版號左邊會出現一個小橘點，表示正在部署
<br>
-> 跑完之後會出現綠色勾勾，點選它，會出現幾個列表，請點選Details
<br>
-> 部署成功
<br>
-> 回到Setting->Pages
<br>
-> 就出現網址囉
<br>
-> Click it！You 've done well！