當前位置:
首頁 > 知識 > Hugo快速搭建Blog

Hugo快速搭建Blog

以往我們搭建blog要麼學習一個編程語言+Web開發框架,要麼使用現成的blog系統(如WordPress)。其實我們還可以使用Hugo。Hugo是由Go語言實現的靜態網站生成器,它不需要資料庫,所以頁面都是通過MarkDown開發的頁面。不用安裝編程語言環境,不用安裝資料庫,只需要幾個步驟就可以快速搭建一個blog出來。

1 安裝

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

推薦二進位安裝(簡單、快速)

到 Hugo Releases下載對應的操作系統版本的Hugo二進位文件(hugo或者hugo.exe)

本文以Windows為例,所以下載:hugo_0.24.1_Windows-64bit.zip

下載之後解壓得到「hugo.exe」文件。

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

Hugo快速搭建Blog

2 創建站點&文章

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

想要創建站點,一個命令搞定,切換到你想要創建站點的目錄,輸入:

D:git>hugo new site blog
Congratulations! Your new Hugo site is created in D:gitlog.

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 " command.
2. Perhaps you want to add some content. You can add single files
with "hugo new .".
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:gitlog>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 安裝主題

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

站點一定要有主題,安裝主題應該是最難的一步了,因為不同的主題設置方式也會有所不同。

你可以到上面的網站中挑選你喜歡的主題。然後,根據指引找到github項目地址進行下載。

3.1 下載主題:

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

3.2 使用主題:

生成主題資源文件(hugo-fabric為主題名)

D:gitlog>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

將log hemeshugo-fabricexampleSiteconfig.toml 替換 logconfig.toml

註:config.toml文件是核心,對網站的配置多數需要修改該文件,而每個主題的配置又不完全一樣。

4 啟動伺服器

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

D:gitlog>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:gitlog{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快速搭建Blog

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 科技優家 的精彩文章:

Backbone中父子view之間的值傳遞
Socket實現-Socket I/O
C++基礎之引用與指針的區別與聯繫、常引用使用時應注意的問題

TAG:科技優家 |

您可能感興趣

用R語言的Blogdown+Hugo+Netlify+Github建博客
黑的好看 Chord Hugo TT 2 + Hugo M Scaler
Google Brain 團隊 Hugo Larochelle 教授「Neural Networks」課程合輯!
走進建築設計師 Hugo Correia 於葡萄牙打造的現代教堂 S. Tiago de Antas
愛馬仕、adidas、Hugo Boss、潘多拉以及Brunello Cucinelli等
Hugo + github 搭建個人博客
Chanel修繕巴黎大皇宮、Jason Wu告別Hugo Boss、Under Armour季度收入勝預期
義大利紡織業巨匠 Pietro Marzotto 辭世,曾為Hugo Boss及Valentino復興做出重要貢獻
谷歌大腦科學家Hugo LaRochelle:不要為AI劃定邊界
HUGO BOSS攜手英國藝術家Graham Dolphin 合作「BOSS x Michael Jackson」聯名系列
Hugo Boss去年利潤大漲 29%;New Look將裁員近千名;Undercover將停止發布女裝
每日一圖:Jason Wu 辭去 Hugo Boss 女裝創意總監職位
高通Hugo Swart專訪 驍龍XR代表未來趨勢
Hugo Barra 不再擔任 Oculus VR 負責人,他將建立全球 AR/VR 合作夥伴生態系統
Facebook團隊重大人員調整!Hugo Barra不再擔任產品副總裁
Chord發布Hugo TT 2解碼耳放一體機
移動XR設備機遇廣闊 高通Hugo Swart專訪
Ferragamo銷售利潤雙雙下滑 Champion全球銷售劍指20億 Hugo Boss二季度銷售超預期
高通Hugo Swart專訪 驍龍XR發展潛力巨大
Jason Wu確認離任Hugo Boss女裝創意總監 品牌強調將更專註男裝