在 GitHub 部署 Hugo 靜態網站
第一次搭建個人網站,選擇了 Hugo。儘管官方文件寫得很詳細,但 Programming 新手如我在建立的過程中還是遇到了一些困難,因此紀錄一下,希望能幫到跟我同樣情況的人。 以下分為兩部分介紹:本地建立檔案、部署到 GitHub。(使用 MacOS) (2018/09/01 補充 Windows 本地建立檔案方法在最下面) 第一部分:本地建立檔案 老實說 Hugo 真的很人性化,簡單幾個步驟就能讓使用者建立網站的雛形。 1. 打開 terminal,安裝 Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2. 安裝 Hugo brew install hugo 3. 建立新網站 hugo new site website-hugo cd website-hugo website-hugo 可以替換成任意名稱,但你也可以跟我一樣,避免麻煩。找到名為 website-hugo 的資料夾,觀察一下內部資料夾結構。 4. 新增主題 (theme):此處以 Casper 為例 git clone https://github.com/vjeantet/hugo-theme-casper themes/casper 你也可以選其他主題,進到該主題的 GitHub repo,將上面的網址改成 repo 的網址、themes/casper 改成 themes/你的主題名稱。 5. 將 /themes/casper 中的 static 和 layouts 資料夾複製,取代根目錄中的 static 和 layouts 資料夾 6.
Read More >>