玩遍博客網站，我整理了 Hexo 及其流行的風格主題

搭建博客網站是我的進入互聯網世界的最多見方式之一。伴隨着網站技術的發展，如何搭建博客網站已經變得很是容易了。固然，你能夠選擇諸如新浪博客、CSDN、博客園之類的大型網站，快速建立依賴於大平臺的我的博客，不過這種方式的不足是言論受限太多、沒法觸及網站底層技術。因此，對於想要自由發揮創意、又指望對網站擁有更多主動權的話，最好仍是選擇本身去親手搭建一個網站。html

本文來源：魚立說。本文連接：https://www.yulisay.com/d/nkpvy.html，支持微信瀏覽器打開。git

更多精彩文章，請移步魚立說我的網站翻看。歡迎欣賞，吐槽不足之處。github

本主題將圍繞博客網站的搭建流程、不一樣的博客搭建技術及其流行的風格主題展開，整個系列由如下三個文章部分組成：瀏覽器

<div class="bordor-separation"></div>服務器

Hugo 是使用 Go 編寫的快速而現代的靜態站點生成器，旨在使網站建立變得有趣。特色是簡單、易用、高效、擴展性好、快速部署。其官網是：https://gohugo.io。微信

安裝 Hugo

安裝 Hugo 至關簡單，可是須要先安裝 Go 運行環境。以 Mac 操做系統爲例，安裝 Hugo 的命令：brew install hugo。併發

初始化一個名字爲 hugo-blog 的項目：hugo new site hugo-blog，此時將生成以下 Hugo 項目目錄：hexo

.
├── config.toml     # 網站的配置信息
├── archetypes      # 存放 .md 文件的模板
├── content         # 存放 .md 文件
├── data            # 存放 Hugo 數據
├── layouts         # 存放佈局文件
├── public          # 公共文件夾，用於存放生成的站點文件
├── static          # 存放靜態文件，好比圖片、CSS、JS
└── themes          # 存放主題

快速操做 Hugo

查看版本：hugo version佈局

新建一篇文章： hugo new post/my-first-blog.mdpost

生成靜態文件： hugo -t even

啓動服務器： hugo server

正常啓動服務後，在瀏覽器打開 http://localhost:1313/ 看到咱們的網站。

流行的 Hugo 主題

使用 Hugo 博客時，咱們最但願的是找到適合本身的一款主題，下面將圖文結合介紹一些流行的 Hugo 主題。此外，關於寫做的方法和 Hugo 主題修改，能夠查閱本文參考中的 Hugo 官方文檔，這裏再也不贅述。

找到、安裝和配置 Hugo 主題

最好的搜索方式是在 https://github.com/ 中，搜索關鍵詞：hugo theme。或者使用搜索引擎，搜索：hugo theme site:github.com。

而後進入到項目目錄中，下載安裝咱們須要的主題（theme-demo 只是一個示例資源，請注意替代爲實際的資源）：

git clone https://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 地址：https://github.com/reuixiy/hugo-theme-meme。

Hugo 流行主題之 2：Clarity

基於 VMware 的開源 Clarity 設計系統，具備豐富的代碼支持、暗/光模式、移動支持等特色，爲 Hugo 設計了一個具備技術意識的主題。Github 地址：https://github.com/chipzoller/hugo-clarity。

Hugo 流行主題之 3：Even

一個很簡潔的主題，移植自 hexo-theme-even。Github 地址：https://github.com/olOwOlo/hugo-theme-even。

Hugo 流行主題之 4：Octopress

從 Octopress 博客移植過來的經典主題。Github 地址：https://github.com/parsiya/Hugo-Octopress。

Hugo 流行主題之 5：Tokiwa

一個極簡的博客主題，對漢字進行了顯示優化。Github 地址：https://github.com/heyeshuang/hugo-theme-tokiwa。

除了以上幾種，還有更多不錯的 Hugo 風格主題供你選用，能夠前往 Hugo 主題網站找到。若是你有好的想法和設計，也能夠建立併發布本身製做的 Hugo 主題，到時候歡迎給個人網站魚立說留言。

參考連接

① Hugo 官方文檔

② Hugo Themes