教學。三步驟輕鬆打造個人部落格(下)

這篇要講的是,如何將用Hexo建好的部落格網站發佈到網路上去,如果還沒看過上篇的朋友,文章傳送門在這:三步驟輕鬆打造個人部落格(上)

把網站保存到GitHub

GitHub是一個能存放程式碼並提供版本控制的平台,相信有在寫程式的朋友對這個不陌生,如果你還沒有GitHub帳號,請自行註冊申請一個,有了GitHub帳號後就能開新專案存放我們的網站啦。

在GitHub網站的右上角點選「+」號,並選擇「New repository」:

接著填寫專案名稱,並選擇你想要專案是公開還是私密,然後記得不要勾選Initialize with README喔,因為我們是要從電腦上傳已經存在的專案。

然後按下「Create repository」即可新增一新的Repository。接下來會看到這個引導畫面:

依照上面「…or push an existing repository from the command line」的指示,在Terminal上將自己的網站資料夾push上GitHub就完成了。

這裡的GitHub教學為求簡單省略了許多說明,例如Https和SSH的設定、在專案中添加README, .gitignore等等,如有興趣想深入了解的請去搜尋更深入的GitHub教學喔!


發佈網站

現在終於要將我們的部落格網站發佈到網路上了!這裡要用到的是一個叫Netlify的靜態網站Hosting服務。先在Netlify註冊一個帳號,可以用GitHub第三方驗證登入。

登入以後,選擇New site from Git:

然後點選連結GitHub,並選擇你剛剛在GitHub建立的專案Repository:

Netlify可以自定義部署設定,如果沒有特別需求,就用預設的就好:

最後,按Deploy site以後,Netlify就會自動幫你完成網站的建置與部署,並同時產生一個*.netlify.com的網址給你,這個網址就是你的網站啦!

如果你不喜歡Netlify產生給你的網址,可以到Domain settings > Edit site name中美化你的網址,或者是你可以購買個人網域,然後跟我一樣綁定自己的域名,就能擁有獨一無二的個人部落格網站啦!