--- title: Hugo 安裝過程 tags: 公司規劃 --- # Mac 步驟 * 安裝Homebrew https://brew.sh/index_zh-tw 終端機輸入: ``` /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` ![](https://i.imgur.com/AmKywSS.png) * Hugo指令 * [The world’s fastest framework for building websites | Hugo](https://gohugo.io/) ``` brew install hugo ``` * 確認安裝完成 有看到版本表示成功 ``` hugo version ``` ![](https://i.imgur.com/U7bcURF.png) * Hugo theme下載 * [Complete List | Hugo Themes](https://themes.gohugo.io/) 要用的主題下載下來 點Download 會進到github ![](https://i.imgur.com/puBClQn.png) 進到github中點選code下載zip到桌面 ![](https://i.imgur.com/7PX97B5.png) 下載完後檔案解壓縮 將examplesit資料夾移到桌面 ![](https://i.imgur.com/rLAUmrt.png) 在examplesit資料夾 中 新建立一個資料夾 取名為themes p.s 一定要命名為themes ![](https://i.imgur.com/UxbL3Td.png) 接著將livahugo資料夾 放進themes資料夾內 ![](https://i.imgur.com/77FCvcv.png) 所以examplesite裡面的themes有livahugo資料夾 ![](https://i.imgur.com/8qCgxKN.png) 主題資料夾後面的master去掉 ![](https://i.imgur.com/uQqn69P.png) 到examplesite開啟終端機 ![](https://i.imgur.com/UByOREv.png) 輸入指令 運行網頁 ``` hugo server ``` ![](https://i.imgur.com/IoGEkBJ.png) --- * 下載vs code open->選擇examplesite資料夾 * 安裝 vs code插件 點選extension->toml->安裝 * 更改config檔