第一步：安裝Hugo

1.瀏覽 Hugo 官方的安裝指南。

進行初步了解，安裝與你的操作系統(tǒng)對應(yīng)的必要工具。

Hugo 安裝指南：https://gohugo.io/getting-started/installing/

2.打開你的終端，輸入與操作系統(tǒng)對應(yīng)的 Hugo 安裝命令。

3.安裝完成后，輸入以下命令來確認

hugo version
安裝成功后會跳出以下代碼
Hugo Static Site Generator v0.56.3-F637A1EA windows/amd64 BuildDate: 2019-07-31T12:51:49Z

第二步：新建一個Hugo網(wǎng)站

1.進入你想存放 Hugo 網(wǎng)站文件夾的目錄。

2.執(zhí)行以下命令來新建一個Hugo網(wǎng)站

hugo new site '你的博客名' 

第三步：選擇 Hugo 主題并克隆至本地目錄。

1.打開 Hugo Themes 頁面，選擇一個你喜歡的主題。

Hugo Themes: https://themes.gohugo.io

下文以選擇 ananke主題為例。

cd '你的博客名'            ---進入你的博客目錄
git init                  ---初始化本地倉庫
git submodule add https://github.com/budparr/gohugo-theme-ananke.git themes/ananke  ---將ananke主題克隆到本地

第四步：編輯配置文件

1. 在 Hugo 網(wǎng)站文件夾的根目錄下，使用 Visual Studio Code 打開 config.toml 文件。

   如果你還沒用過 Visual Studio Code，建議下載安裝一下，是一個很好用的開源文本編輯器，同時支持 Windows、Linux 和 macOS 操作系統(tǒng)。

2. 參考所選 Hugo 主題的配置說明，編輯 config.toml 文件。

   注意：theme 配置項指的是所選主題的名稱，必須與所選主題被克隆至的目錄名相同。在本例中，即 theme = "ananke"。

第五步：新建一篇文章

hugo new posts/文章名.md

編輯新建的文章，添加內(nèi)容并保存。

第六步：本地預(yù)覽網(wǎng)站效果。

1. 啟動 Hugo server。

hugo server -d

2.使用瀏覽器打開 http://localhost:1313 預(yù)覽。

第七步：構(gòu)建hugo網(wǎng)站

在 Hugo 網(wǎng)站文件夾的根目錄下，執(zhí)行 hugo 命令來構(gòu)建。

hugo  ---構(gòu)建你的 Hugo 網(wǎng)站，默認將靜態(tài)站點保存到 "public" 目錄。

注意：Hugo 會將構(gòu)建的網(wǎng)站內(nèi)容默認保存至網(wǎng)站根目錄的 public/文件夾中。

第八步：將網(wǎng)站文件夾轉(zhuǎn)換為 Git 庫。

1.進入public目錄，初始化 Git 庫。

cd public    ---生成的 HTML 文件保存在 "public" 目錄中，"public" 文件夾會被轉(zhuǎn)換為 Git 庫。
git init  ---初始化git倉庫

2.查看public目錄下的文件，會發(fā)現(xiàn)多了 .git 文件。

第九步：將 Git 本地庫與遠程倉庫關(guān)聯(lián)。

1.在github上創(chuàng)建第一個新的倉庫

2.運行以下代碼來進行關(guān)聯(lián)

git remote add origin '你的遠程倉庫名'   ---注意是在public目錄中運行
git add .   ---將改動添加到暫存區(qū)
git commit -m '備注'   ---將改動提交
git push -u origin master   ---上傳到遠程倉庫

第十步：通過 GitHub Pages 預(yù)覽 HTML

git push完之后再github中點擊setting來設(shè)置在預(yù)覽你的hugo博客
(

點擊setting設(shè)置

進入之后找到 Github Pages 然后將Source的None設(shè)置成master branch，之后會生成一個網(wǎng)址，就是你的HTML預(yù)覽的網(wǎng)站了

將none修改成master branch

這是你hugo博客的網(wǎng)站

接下來：之后如何添加一篇博客

之后如果要添加一篇博客，使用如下幾步即可：

新建一篇文章，編輯內(nèi)容。
1.本地預(yù)覽網(wǎng)站呈現(xiàn)效果。
2.構(gòu)建 Hugo 網(wǎng)站。
3.提交修改至 Git 本地庫。
4.將修改推至遠程庫。

恭喜！現(xiàn)在你已經(jīng)走完了全程，擁有了一個自己構(gòu)建的博客網(wǎng)站。