TitleImage

GitHub簡介 

GitHub是透過Git進行版本控制的軟體原始碼代管服務平台,它有免費和付費二種,若您希望您放在GitHub上的專案能設成Private,那就要付費,因為免費用戶的專案都只能為Public,GitHub裡面的專案均可以透過標準的Git命令進行存取和操作,所有的Git命令都可以用到GitHub專案上面。GitHub針對Windows和macOS二個平台開發了桌面用戶端,也能使用第三方外掛程式來實現Git功能。GitHub通常用於軟體開發,GitHub Pages則支援用戶透過Repository建立 靜態網站靜態部落格,今天示範的就是要透過Git將建置好的部落格部署到GitHub Pages。

申請GitHub帳號 

在使用GitHub之前,當然就要是申請一個GitHub帳號,若您已經申請過了,那您就可以直接跳往後續的步驟。

  1. 請點選GitHub,連結至官網,點選SignUp進行註冊
    GitHub
  2. 建立帳號
    GitHub

    • UserName:使用者名稱
    • EMail Address:電子郵件信箱
    • Password:密碼

    若無誤,則每個欄位會出現綠色小箭頭,接者將Verify Account確認完後,就可以點下方的 Create an account進入Step2。
    GitHub

  3. 選擇訂閱
    GitHub
    這邊選擇Unlimited pubilc repositores for free(免費方案),接下來的項目勾選則是給組織用戶勾選的,不管它,直接按Continue進入Step3。

  4. 量身訂制您的體驗
    GitHub
    內容就是一些基本的問卷填寫,請依自己的需求勾選後,按下Submit。

  5. 信箱驗證
    請至剛剛申請註冊的電子郵件信箱收取GitHub發的驗證信件,並完成帳號驗證程序,完成驗證後就直連進GitHub登入的畫面,這時可以直接點進 Your profile
    GitHub

建立Repository 

點選Repositories,再點擊右邊的 New 來建立一個新的程式庫。
GitHub

進入Create a new repository畫面後,請輸入建立GitHub Page的資料。
GitHub

  • Owner : 這裡已設定好是使用者名稱。
  • Repository name : 請輸入 [您申請的GitHub帳號] + .github.io。
  • Description : 相關描述。

建立完成就會跳轉至下面畫面
GitHub

開始部署網站 

首先要複製剛才建好的Repository Git網址,點選下圖箭頭所指的按鈕就可以複製了。
GitHub

然後要使用Git的指令,把透過 Hugo 建立好的網站部署到剛剛在GitHub所建立的Repository上。
開啟終端機(若是Windows用戶,請開啟命令提示字元),進到您所建立的網站根目錄下的public資料夾,例如我這邊示範的目錄為 CoreyDemo/public,若您對上一篇如何使用Hugo建置網站還有印象的話,應該就會記得public這個目錄就是透過hugo這個指令生成網站時,存放生成網站的資料夾。
GitHub

建立本地Repository

1
git init

GitHub

將檔案加入並提交認可。
add後方的Dot是指將子目錄裡的所有檔案加入
-m 後方是您要提交認可的訊息,例如這次是做什麼新增或修改。

1
2
git add .
git commit -m "首次提交"

GitHub

加入遠端Repository,記得origin後方要貼上的是您剛在GitHub複製的Git位址。

1
git remote add origin https://github.com/coreydemo/coreydemo.github.io.git

GitHub

發佈到遠端Repository

1
git push -u origin master

GitHub

推送完成後,就可以開啟瀏覽器輸入剛創建Repository的名稱:coreydemo.github.io,就能看到部署上去的網站了。
CoreyDemoSite