1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 免安裝hugo!在網站的專案中,使用不同的 hugo 版本來建立網站

免安裝hugo!在網站的專案中,使用不同的 hugo 版本來建立網站

2021/05/25

梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
  先前曾分享過,在電腦中安裝hugo,才能透過hugo指令來建立網站,但隨著hugo不斷的更新,已從梅干當初所使用的0.52版,到現在的0.831,由於梅干的佈景使用語法比較舊,因此當安裝0.831版本,在建立網站時,就會出現建立不完全的畫面,但這樣就得一下裝0.831一下裝0.52,實在有點小麻煩。

因此梅干要來分享個小技巧,在不用安裝hugo的情況下,也可在網站的專案中,使用各種不同hugo版本來建立網站,至於要怎麼在網站的專案中,使用不同的hugo版本,現在就一塊來看看囉!!


HUGO版本下載
Step1
hugo所有發佈的版本,皆可在有 GiHubreleases 中找到相關的版本,而目前的最新版為 0.831,同時以MAC版本來說,有ARM版與Intel版。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step2
當下載完畢解壓縮後,主程式都叫hugo,但要在專案中,使用不同的hugo版本來建立網站時,需重新命名hugo並加入版號,這樣才能併存多版本。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step3
這樣在網站的專案目錄中,分別就會有二種不同版的hugo。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step4
當要使用時,開啟終端機輸入cd 將目錄拖曳到視窗中,再按Enter鍵,就可進入該目錄下。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step5
在進入後,要執行 hugo 時,只需在hugo前方加入./,當然也可使用./hugo版本 version檢查版本。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step6
當要測試時,再輸入./hugo版本 server
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step7
當建立好後,就會出現Web Server網址。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step8
接著開啟瀏覽器,輸入剛的網址,就會看到畫面啦!
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站
Step9
雖然hugo在建立網站的速度相當的快,但可看到使用新版建立網站時,只需18毫秒,而0.77版要28毫秒,因此透過此方式,使用不用版本的hugo來建立網站,當佈景修正好後,就可直接上新版本,這樣在建立網站時,速度也會快上許多。
梅問題-免安裝hugo!在專案中使用不同的hugo版本建立網站