付費限定文章

免費部落格架站教學(1) GitHub Pages

前言

鑑於參考一些GitHub Pages的教學文都是比較久的文章，中間也踩過一些不少的坑，因此我也來貢獻一篇較新的架設教學吧!
順便當作Blog記錄自己的足跡，當然免費跟靜態網頁呈現的優點也是我目前的需求。

建立GitHub Pages需要先在GitHub註冊後才能使用，這邊教學前提就先當作各位已經有個GitHub帳號了

安裝所需工具

• Git

因為在本地端的Blog做更新時需要上傳同步到GitHub Pages所以需要在本地端電腦安裝

安裝步驟

1. 建立Repository(儲存庫)

• 在GitHub 首頁點選右邊+號列表的 New Repository新增一個要建立Blog用的儲存庫

• 進入新增Repository畫面後，基本上都照預設設定就好，主要是為Repository name欄位命名，依建立的Repository name，之後Blog的URL就以這個階層邏輯建立: https://[Owner].github.io/[Repository name]/

Owner: GitHub帳號名稱
Description: 欄位可以為這個Repository的說明目的或相關的內容
Add a README file 建議勾選

• 建立好Repository後就會出現以下畫面，儲存庫預設的分支現在已經改為main了不是master

2. GitHub Pages設定

• 接著上方橫向選單看到Settings後再進入左邊列表的Pages，在Pages頁面將Branch設定成main儲存後，會看到上方有Visit site的連結，可以點選進入GitHub Pages的首頁。