序言個人博客相比大傢都很熟悉，特別是做技術，搞研究的等等，各行各業的人都有各行各業不同風格不同用途的博客網站，在網站上面分享自己想分享的內容供其它人隨時查看，但是現在各大雲服務平臺的建站需求都是收費的！而且費用還不便宜，還有時間限制，還有流量限制！這就讓我們這群愛折騰的人不能忍瞭。所以經過我個人的嘗試，找到瞭幾條可行的路線，今天的教程采用基於hugo和github的方案。那麼話不多說我們即可開始吧！這裡是我使用hugo搭建好的個人主頁的名稱，ps:國內訪問可能比較緩慢。http://xuehuxs.github.com開始前的準備準備所需軟件hugo采用hugo和GitHub方案，需要準備好hugo的本地環境，在我們的電腦上安裝並配置。對於hugo相關的文檔和相關使用的連接我會放在本文的最後。首先進入網站下載最新版本的hugo壓縮包。鏈接：https://github.com/gohugoio/hugo/releases 劃至每一個Release的後端，有不同系統對應的下載鏈接。此處我選擇hugo_0.73.0_Windows-64bit.zip。提示：由於國內的GitHub下載較慢，我會將我下載好的壓縮包鏈接分享到評論區，供大傢下載。下載hugo_0.73.0_Windows-64bit.zip進行環境搭建將壓縮包解壓到本地，如下圖所示：解壓後壓縮包內的文件添加hugo.exe到本機的path環境變量內，步驟如下圖所示：環境變量配置的基本步驟此電腦->屬性界面高級系統屬性界面找到Path變量添加hugo的環境變量最後一路確定即可！驗證環境是否構建完成。按下Win鍵+R鍵，彈出運行窗口，在窗口內輸入cmd，點擊確定彈出命令行工具。運行窗口在命令行內運行：hugo version
查看是否有如下圖所示的類似結果。如果有則安裝成功。
沒有則安裝失敗，可能需要回顧之前的步驟是否有遺漏。運行hugo version命令行搭建本地博客hugo new site codexue
//本命令的意思是在當前路徑下使用hugo新建一個名為codexue的站點簡單配置在創建好我們的網站後我們的目錄下會出現以下目錄和文件。codexue目錄下的文件結構這裡說明幾個最常用的目錄和文件：content：保存我們所需要的發佈的博客文件，hugo支持的是Markdown格式的博客文件，具體的Markdown文檔可以怎麼寫，請大傢移步Markdown教程，非常的簡單，幾分鐘就能學會！static：如果我們需要在我們的博客內添加圖片，我們可以在此目錄下創建一個images目錄，在引用圖片的時候使用/images/name.jpg即可連接到此文件夾內的圖片文件。themes：此目錄下存儲我們沖GitHub上clone的主題倉庫。下面我們會講解主題的簡單使用。此處需要我們完成基本主題的設置。–大傢可以去https://themes.gohugo.io查看心儀的主題，並通過Git clone到本地的themes目錄下。此處我使用的cupper-hugo-theme這個主題，通過git clone [url of theme on github]命令克隆到themes目錄下。–然後打開\themes\cupper-hugo-theme\exampleSite目錄，目錄下有一個config.yaml或者config.toml文件，復制到\codexue目錄下。刪除原本的config.toml/config.yaml文件。exampleSite目錄本地運行測試 使用命令行cd命令進入新建的博客的目錄下。比如我的就是D:\xuehu\blog\codexue。
運行hugo server -D
會出現如下結果：
Building sites …
| EN
——————-+—–
Pages | 6
Paginator pages | 0
Non-page files | 0
Static files | 32
Processed images | 0
Aliases | 0
Sitemaps | 1
Cleaned | 0
Built in 90 ms
Watching for changes in D:\xuehu\blog\codexue\{archetypes,content,data,layouts,static,themes}
Watching for config changes in D:\xuehu\blog\codexue\config.toml
Environment: "development"
Serving pages from memory
Running in Fast Render Mode. For full rebuilds on change: hugo server –disableFastRender
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop
出現上面的結果後，我們可以訪問http://localhost:1313/，即可看到我們的博客運行的結果。http://localhost:1313/結果關聯GitHub倉庫登錄到github並創建一個repository[倉庫]，倉庫的名稱為：用戶名.github.io，設置可見性為public。因為我的倉庫是已經存在的，所以有提示。初次創建是沒有提示的~創建倉庫然後本地命令行執行hugo命令，會生成一個/codexue/public目錄，我們需要做的就是將此目錄的所有文件push到剛剛建立好的倉庫裡。public目錄//push到遠程倉庫的命令
cd public
git init
git remote add origin https://github.com/codexue/codexue.github.io.git
git add -A
git commit -m "new site first commit"
git push -u origin master
稍後我們就可訪問：http://codexue.github.io即可隨時隨地看到我們創建的博客啦！附錄Hugo中文文檔：https://www.gohugo.org/