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

2021 年 2 月 2 日
筆記
WEB全棧

搭建部落格網站是個人進入互聯網世界的最常見方式之一。伴隨著網站技術的發展，如何搭建部落格網站已經變得非常容易了。當然，你可以選擇諸如新浪部落格、CSDN、部落格園之類的大型網站，快速創建依賴於大平台的個人部落格，不過這種方式的不足是言論受限太多、無法觸及網站底層技術。所以，對於想要自由發揮創意、又期望對網站擁有更多主動權的話，最好還是選擇自己去親手搭建一個網站。

本文來源：魚立說。本文鏈接：//www.yulisay.com/d/kdhmp.html，支援微信瀏覽器打開。

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

本主題將圍繞部落格網站的搭建流程、不同的部落格搭建技術及其流行的風格主題展開，整個系列由以下三個文章部分組成：

當下流行的部落格技術棧
Hexo 及其流行的風格主題
Hugo 及其流行的風格主題（後更）

Hexo 是一個快速、簡潔且高效的部落格框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在幾秒內，即可利用靚麗的主題生成靜態網頁。其官網是：//hexo.io。

安裝 Hexo

安裝 Hexo 相當簡單，但是需要先安裝下列應用程式即可：

Node.js >=12.0
Git

安裝 Node.js 和 Git 之後，全局安裝 Hexo 的命令：npm install hexo-cli -g。

初始化一個名字為 hexo-blog 的項目：hexo init hexo-blog，此時將生成如下 Hexo 項目目錄：

.
├── _config.yml    # 網站的配置資訊
├── package.json   # 應用程式的資訊
├── public         # 公共文件夾，用於存放生成的站點文件
├── scaffolds      # 模版文件夾
├── source         # 資源文件夾，用來存放內容
└── themes         # 主題文件夾

快速操作 Hexo

查看版本：hexo version 或者 hexo v

啟動服務：hexo server 或者 hexo s

新建一篇文章，比如：hexo new “Hello Hexo”

生成靜態文件：hexo generate 或者 hexo g

部署網站：hexo deploy 或者 hexo d

清除快取文件 (db.json) 和已生成的靜態文件 (public)：hexo clean

正常啟動服務後，在瀏覽器打開 //localhost:4000/，將看到一個默認的主題網站，如圖：

流行的 Hexo 主題

使用 Hexo 部落格時，我們最希望的是找到適合自己的一款主題，下面將圖文結合介紹一些流行的 Hexo 主題。此外，關於寫作的方法和 Hexo 主題修改，可以查閱本文參考中的 Hexo 官方文檔，這裡不再贅述。

找到、安裝和配置 Hexo 主題

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

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

git clone //github.com/theme-demo.git themes/theme-demo
cp -r themes/theme-demo/_source/* source

希望使用下載的主題，還需要在 _config.yml 中進行配置：

theme: theme-demo

接著，使用 hexo clean 清除快取，執行 hexo s 便可以看到下面這些 Hexo 風格主題的效果了。

Hexo 流行主題之 1：Maupassant

Maupassant 最初是由 Cho 大神為 Typecho 平台設計開發的一套響應式模板，體積只有 20KB，在各種尺寸的設備上表現出色。由於其簡潔大氣的風格受到許多用戶喜愛，目前也已經被移植到了多個平台上。Github 地址：//github.com/tufu9441/maupassant-hexo。