Hugo快速搭建Blog

　　以往咱們搭建blog要麼學習一個編程語言+Web開發框架，要麼使用現成的blog系統（如WordPress）。其實咱們還可使用Hugo。Hugo是由Go語言實現的靜態網站生成器，它不須要數據庫，因此頁面都是經過MarkDown開發的頁面。不用安裝編程語言環境，不用安裝數據庫，只須要幾個步驟就能夠快速搭建一個blog出來。

 

1 安裝

 ---------------------------

推薦二進制安裝（簡單、快速）

到 Hugo Releases 下載對應的操做系統版本的Hugo二進制文件（hugo或者hugo.exe）

Hugo Releases：https://github.com/gohugoio/hugo/releases

本文以Windows爲例，因此下載：hugo_0.24.1_Windows-64bit.zip

下載以後解壓獲得「hugo.exe」文件。

將hugo.exe所在的目錄添加到系統環境變量PATH下面，打開cmd，輸入「hugo version」。

 

2 建立站點&文章

---------------------------------------

想要建立站點，一個命令搞定，切換到你想要建立站點的目錄，輸入：

D:\git>hugo new site blog Congratulations! Your new Hugo site is created in D:\git\blog. Just a few more steps and you're ready to go: 1. Download a theme into the same-named folder. Choose a theme from https://themes.gohugo.io/, or create your own with the "hugo new theme <THEMENAME>" command. 2. Perhaps you want to add some content. You can add single files with "hugo new <SECTIONNAME>\<FILENAME>.<FORMAT>". 3. Start the built-in live server via "hugo server". Visit https://gohugo.io/ for quickstart guide and full documentation.

一個blog站點就建立好了。新建的站點目錄結果以下：

blog/
    archetypes/ 
    doc/
    content/ 
    data/ 
    layouts/ 
    static/ 
    config.toml

 

當前的站沒有任何內容，也沒作任何配置。

接下來切換到blog站點目錄，建立一篇文章：

D:\git>cd blog
D:\git\blog>hugo new about.md

該文件位於 blog/content/about.md目錄下。打開編輯：

+++
date = "2017-07-03T15:37:11+08:00"
tags = ["blog"]
title = "my first blog"

+++

### 這裏使用markdown來編寫文章

markdown 教程：http://wowubuntu.com/markdown/

 

3 安裝主題

 ---------------------------

站點必定要有主題，安裝主題應該是最難的一步了，由於不一樣的主題設置方式也會有所不一樣。

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

你能夠到上面的網站中挑選你喜歡的主題。而後，根據指引找到github項目地址進行下載。

 

3.1 下載主題：

我使用的主題是：https://github.com/wd/hugo-fabric

把主題經過git克隆或直接下載到本地。放到 …/blog/themes/目錄下。

 

3.2 使用主題：

生成主題資源文件（hugo-fabric爲主題名）

D:\git\blog>hugo -t hugo-fabric
Started building sites ...
Built site for language en:
0 of 3 drafts rendered
0 future content
0 expired content
8 regular pages created
12 other pages created
0 non-page files copied
2 paginator pages created
1 tags created
1 categories created
total in 35 ms

將\blog\themes\hugo-fabric\exampleSite\config.toml 替換 \blog\config.toml

注：config.toml文件是核心，對網站的配置多數須要修改該文件，而每一個主題的配置又不徹底同樣。

 

4 啓動服務器

 ------------------------------

D:\git\blog>hugo server
WARNING: Site config's rssURI is deprecated and will be removed in a future release. Set baseName in outputFormats.RSS.
Started building sites ...
Built site for language en:
0 draft content
0 future content
0 expired content
1 regular pages created
8 other pages created
0 non-page files copied
1 paginator pages created
1 tags created
0 categories created
total in 9 ms
Watching for changes in D:\git\blog\{data,content,layouts,static,themes}
Serving pages from memory
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1)
Press Ctrl+C to stop

 

打開瀏覽器訪問：http://localhost:1313/

 

 

用Hugo搭建的網站：http://www.testclass.net/