2020年3月15日 星期日

GitHub Page 設定靜態網站

因最近實作口罩地圖,想將成果放到網上,由於內容單純所以想簡單的處理,故想起了,有人提過 github page 可以放靜態的資源,故把程式調整了一下,就放去了,運作上還不錯,順手來紀錄一下相關設定。





首先建立一個新的 repository










設定相關資料後,點選建立



完成後,會來到該 repository ,此時切到 setting 標籤








切換頁面後,網頁往下滾,看到 github page 區塊,點選 choose a theme




















隨便選一個 theme,再點選 select theme,如下圖










點選後,會刷新頁面,此時再次切換到 setting 標籤,同樣滑到剛剛設定 github page 的區塊,可以看到網址出現了,domain的組合會是 username.github.io/repositoryName













此時,切換到 code 標籤,並上傳相關檔案

















選取檔案

























此時可以從清單看到剛剛上傳檔案








接著打github page 網址,可以看到剛剛的檔案








其他還有可以設定 CNAME,這個也是挺實用的...

沒有留言:

張貼留言