玩遍部落格網站，我整理了 Hugo 及其流行的風格主題
搭建部落格網站是個人進入互聯網世界的最常見方式之一。伴隨著網站技術的發展，如何搭建部落格網站已經變得非常容易了。當然，你可以選擇諸如 新浪部落格、CSDN、部落格園 之類的大型網站，快速創建依賴於大平台的個人部落格，不過這種方式的不足是言論受限太多、無法觸及網站底層技術。所以，對於想要自由發揮創意、又期望對網站擁有更多主動權的話，最好還是選擇自己去親手搭建一個網站。
本文來源：魚立說。本文鏈接：//www.yulisay.com/d/nkpvy.html，支援微信瀏覽器打開。
更多精彩文章，請移步 魚立說個人網站 翻看。歡迎欣賞，吐槽不足之處。
本主題將圍繞部落格網站的搭建流程、不同的部落格搭建技術及其流行的風格主題展開，整個系列由以下三個文章部分組成：
Hugo 是使用 Go 編寫的快速而現代的靜態站點生成器，旨在使網站創建變得有趣。特點是簡單、易用、高效、擴展性好、快速部署。其官網是：//gohugo.io。
安裝 Hugo
安裝 Hugo 相當簡單，但是需要先安裝 Go 運行環境。以 Mac 作業系統為例，安裝 Hugo 的命令：brew install hugo。
初始化一個名字為 hugo-blog 的項目：hugo new site hugo-blog，此時將生成如下 Hugo 項目目錄：
.
├── config.toml # 網站的配置資訊
├── archetypes # 存放 .md 文件的模板
├── content # 存放 .md 文件
├── data # 存放 Hugo 數據
├── layouts # 存放布局文件
├── public # 公共文件夾，用於存放生成的站點文件
├── static # 存放靜態文件，比如圖片、CSS、JS
└── themes # 存放主題
快速操作 Hugo
查看版本：hugo version
新建一篇文章： hugo new post/my-first-blog.md
生成靜態文件： hugo -t even
啟動伺服器： hugo server
正常啟動服務後，在瀏覽器打開 //localhost:1313/ 看到我們的網站。
流行的 Hugo 主題
使用 Hugo 部落格時，我們最希望的是找到適合自己的一款主題，下面將圖文結合介紹一些流行的 Hugo 主題。此外，關於寫作的方法和 Hugo 主題修改，可以查閱本文參考中的 Hugo 官方文檔，這裡不再贅述。
找到、安裝和配置 Hugo 主題
最好的搜索方式是在 //github.com/ 中，搜索關鍵詞：hugo theme。或者使用搜索引擎，搜索：hugo theme site:github.com。
然後進入到項目目錄中，下載安裝我們需要的主題（theme-demo 只是一個示例資源，請注意替代為實際的資源）：
git clone //github.com/theme-demo.git themes/theme-demo
cp -r themes/theme-demo/_source/* source
希望使用下載的主題，添加 themes/theme-demo/exampleSite/config.toml 中的配置，還需要在 config.toml 中配置主題：
theme = "theme-demo"
此外，在有些 theme-demo 文件夾中會有 demo 或 example 目錄，文件結構與新建的 Hugo 項目的文件結構幾乎是一樣的，這樣設置是為了用戶的配置可以覆蓋掉主題的配置。
Hugo 流行主題之 1：MemE
MemE 是一個強大且可高度訂製的 GoHugo 部落格主題，專為個人部落格設計。MemE 主題專註於優雅、簡約、現代，以及程式碼的正確性。Github 地址：//github.com/reuixiy/hugo-theme-meme。
Hugo 流行主題之 2：Clarity
基於 VMware 的開源 Clarity 設計系統，具有豐富的程式碼支援、暗/光模式、移動支援等特點，為 Hugo 設計了一個具有技術意識的主題。Github 地址：//github.com/chipzoller/hugo-clarity。
Hugo 流行主題之 3：Even
一個很簡潔的主題，移植自 hexo-theme-even。Github 地址：//github.com/olOwOlo/hugo-theme-even。
Hugo 流行主題之 4：Octopress
從 Octopress 部落格移植過來的經典主題。Github 地址：//github.com/parsiya/Hugo-Octopress。
Hugo 流行主題之 5：Tokiwa
一個極簡的部落格主題，對漢字進行了顯示優化。Github 地址：//github.com/heyeshuang/hugo-theme-tokiwa。
除了以上幾種，還有更多不錯的 Hugo 風格主題供你選用，可以前往 Hugo 主題網站 找到。如果你有好的想法和設計，也可以創建並發布自己製作的 Hugo 主題，到時候歡迎給我的網站 魚立說 留言。
