hugo搭建我的博客,詳細步驟

額,一時興起, 搭建一個基於hugo的我的博客玩一下

博客地址: https://zhang-550.github.io/

將hugo部署到github上,供外網訪問: http://www.javashuo.com/article/p-vcvhksom-go.html

1. 下載安裝hugo

官網下載地址
https://github.com/gohugoio/hugo/releases
咱們根據自身狀況選擇下載
我是win64位的,因此就用win64進行演示了
下面網盤中的hugo是win64的
連接：https://pan.baidu.com/s/1LW1zEnVq0KStWNeFfUksXg 
提取碼：ttzz 
複製這段內容後打開百度網盤手機App，操做更方便哦

1.1 將安裝包解壓到指定目錄

2. 配置環境變量

• 爲何要配置環境變量呢?

由於咱們把hugo.exe解壓到了D:\dev\hugo下面。hugo命令只能在該目錄下才能識別。
若是咱們想把博客目錄建到其它目錄下，就要配置環境變量。

2.1 步驟1：鼠標右鍵->屬性

2.2 步驟2：點擊高級系統設置

2.3 步驟3：點擊環境變量

2.4 步驟4：選中path，點擊編輯

2.5 步驟5：點擊新建

2.6 步驟6：Hugo.exe目錄,配置ok後點擊肯定，一路肯定

3.hugo新建博客

3.1 打開cmd命令行

• 方式一: 快捷鍵:win+R鍵 win就是你的鍵盤上的那個四個格格

• 方式二: 經過電腦搜索cmd

3.2 輸入以下命令

命令: hugo new site /path/to/site

好比  hugo new site E:/hugo/myBlogger
就會在E盤的hugo文件夾下新建一個叫myBlogger的hugo站點

3.2 hugo新建頁面和文章

3.2.1 新建一個links頁面

命令: hugo new links.md

links.md自動生成到了content.links.md, 內容以下

3.2.2 建立第一篇文章,放到post目錄, 方便之後生成聚合頁面

命令: hugo new post/myfirst.md

myfirst.md 自動生成到了 content/post/myfirst.md, 內容以下:

(須要注意: 這裏須要把draft刪除掉或者改成false，否則正式生產的時候不會生成文章，由於draft是草稿)

3.2.3 hugo安裝主題

能夠去官方主題列表themes.gohugo.io裏面去挑選本身想要的主題

咱們使用gethub上一個icarus主題。
github.com/digitalcraftsman/hugo-icarus-theme
下載完成後放到以下目錄:

3.2.4 配置主題

找到剛剛下載的主題, 打開config.toml文件。
E:\hugo\myBlogger\themes\hugo-icarus-theme-master\exampleSite\config.toml

將內容替換到myBlogger\config.toml中

baseurl須要改爲你的github pages的倉庫名，theme、themesDir改爲主題目錄名和主題路徑（相對路徑,絕對路徑均可以,我使用的是相對路徑）。
其餘配置能夠參考icarus主題的文檔，這裏就不作介紹了。

4. 執行以下命令

hugo server

訪問該路徑便可看到本身的博客了: localhost:1313 若是不行,看下以前3.2.2步驟中是否刪掉了draft:true

有時間再更新將本地的hugo部署到github上的教程