1. 程式人生 > 實用技巧 >Hugo搭建GitHub個人部落格

Hugo搭建GitHub個人部落格

安裝Hugo

在 Hugo Releases上下載最新版的Release程式。這裡下載的是二進位制程式,將下載下來的Hugo二進位制程式重新命名為hugo.exe,並將所在目錄新增到Windows系統環境PATH變數中。
安裝並配置Hugo環境後,開啟cmd命令列,可以直接使用hugo命令了,執行hugo version驗證是否成功

建立部落格

使用如下命令新建一個名為“mysite”的網站:

hugo new site mysite

mysite目錄下會生成相應的目錄資訊

安裝主題

切換到mysite目錄下,新建themes目錄,切換到themes目錄,下載主題,這裡可以選用其餘的主題

git clone [email protected]:Heemooo/hugo-theme-amaze.git hugo-theme-amaze

將主題下的exampleSite資料夾的內容複製到mysite的根目錄下,注意修改config.toml中的相關資訊

遷移資料

因為原有的部落格是Jekyll生成,需要把資料遷移到新的部落格環境,hugo提供的遷移資料的方式,新建一個空資料夾hugoOfPath

hugo import jekyll /path/jekyllOfPath /target/hugoOfPath

hugoOfPath目錄下會生成遷移後的資料,將content目錄下生成的md檔案拷貝到新的部落格目錄下
執行hugo(這裡如果是新建的部落格,可以在post下新建md檔案)

hugo server

訪問http://localhost:1313/ ,可以訪問部落格

上傳github

在GitHub上建立一個Repository,命名為:coderzh.github.io (coderzh替換為你的github使用者名稱)。
在站點根目錄執行 Hugo 命令生成最終頁面:

hugo

所有靜態頁面都會生成到 public 目錄,將pubilc目錄裡所有檔案 push 到剛建立的Repository,訪問:http://coderzh.github.io/ ,就可以訪問到部落格,之後更新部落格再生成新的靜態頁面,然後push到github上,就可以更新了