# 使用github網頁介面建立網站頁面 ## 建立網域 1. 請先確定有github.io的repo,沒有的話請建立一個,名稱為 ***(自己的帳號).github.io*** ![](https://i.imgur.com/TiEuxBH.png) 2. 在網站右上方,點選+號,選擇建立一個新的repo(New repository) ![](https://i.imgur.com/BpYgJxy.png) 3. 設定好repo的名稱,並勾選***add a README file*** ![](https://i.imgur.com/YNXfaUH.png) > 建立完成的畫面 ![](https://i.imgur.com/WJeff3s.png) 4. 點選settings > branches ![](https://i.imgur.com/dO8YKCj.png) 點選main右半部的鉛筆符號,將名稱改成***gh-pages*** ![](https://i.imgur.com/fOAQzIw.png) 最後點選rename branch ## 建立頁面 1. 點選到Code頁面 打開Add File下拉選單,點選Create New File ![](https://i.imgur.com/MElqdib.png) 2. 在編輯頁面中,將檔名設成index.html(或是自己需要的檔名) ![](https://i.imgur.com/Y0B8YDQ.png) 3. 拉到頁面最下方 確認是選擇到gh-pages 然後點選Commit New File ![](https://i.imgur.com/r0l1TlC.png) 4. 到 ***(自己的帳號名稱).github.io/(repo名稱)*** 就可以看到自己的網頁了 > 需要等一兩分鐘才會有效果 ![](https://i.imgur.com/PA3cPGg.png) ## 將現成的Repo變成網頁 1. 在Code頁面中點選右上角選擇branch的按紐 2. 找到"Find or create a branch.."的輸入欄位 ![](https://i.imgur.com/4UM4tRK.png) 3. 輸入gh-pages,點選下方Create Branch的選項 ![](https://i.imgur.com/WG2dnmY.png) 之後要上傳或修改網頁內容都必須commit到這個分支上