Meimei Blog
December 12, 2023

HUGO So Easy (4) - 建立 HUGO 網站

 •  1   • 74 
Table of contents

建立新的 HUGO 網站

剛剛我們已經建立了一個存放網站的空間,現在要開始建立網站了
建立 HUGO 網站的指令如下:

hugo new site {Site Name} --force

這邊我要在剛剛 clone 下來的 Repository 建立新的 HUGO Site,因此這邊我的 Site Name 會填 Repository Name。這邊要注意,終端機 Terminal 要在 Repository 的上一層目錄

hugo new site hugo-example --force

這樣我們其實就建立好一個 HUGO 框架的網站了,是不是超級快速的
只是現在這個網站裡面並沒有任何內容


在本地端啟動 HUGO 網站預覽

先利用 cd 進到 Repository folder (下方『根目錄』代表 hugo-example 這個目錄資料夾)

cd hugo-example

接著我們可以輸入

hugo server -D

在本地端啟動 HUGO 網頁,如果有看到 http://localhost:1313/ 就代表起動成功嚕!
這時候我們就可以開心的利用瀏覽器開啟預設網址 http://localhost:1313/ 啦!

但是相信大家看到的畫面會是如下,心頓時碎滿地….
這是因為我們網頁裡面沒有任何東西,也沒有設定起始頁面,當然就顯示 Page Not Found 給你看嚕!
這時候我們可以先按下 Ctrl + C 來結束。

Follow me

I work on everything coding and tweet developer memes