本篇文章用來記錄這次以Hugo建立Blog後發佈到GitHub Page的過程。
GitHub本身有個免費的個人網站服務稱作GitHub Page。只要將想要發布的網頁內容上傳到指定格式的repository即可。
事前準備
- GitHub 帳號
- 安裝 git
- 你的目標網站
建立
- 點擊repository，New
- 在repository name這個欄位填入"{你的帳號}".github.io
- 點擊 create repository
上傳
接下來我們就要將本地端的網站推送到github上，若沒有網站僅是想要做測試，可以簡單建立一個index.html做測試
1
2
3
4
5
6
7
8
9
10
11
|
# 為當前網站建立git
git init
# 加入stage並commit
git add .
git commit -m "first commit"
# 建立main分支
git branch -M main
# 將遠端repository加入設定並命名為origin
git remote add origin https://github.com/{你的帳號}/{你的帳號}.github.io.git
# 將當前專案push到github上
git push -u origin main
|
檢視
正常的話，前往https://{你的帳號}.github.io就能看到剛才推上去的網頁了!
以Hugo為例，建立網站並上傳
承接上一篇以Hugo建立第一篇Post，我們可以利用GitHub Page對成果進行發布。
記得更改config中的baseURL
1
2
3
4
5
6
7
8
9
10
11
|
# build
hugo
# 進入靜態網站的資料夾
cd public
# 承上說明不贅述
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/{你的帳號}/{你的帳號}.github.io.git
git push -u origin main
|