Hexo 是一個快速、簡潔且高效的靜態部落格應用，它的一大亮點是提供了強大的 CLI 工具，真正實現了一鍵部署。HEXO 使用 MARKDOWN 來解析文章，可以在很短時間內渲染出簡潔大方的頁面。本文將從安裝到部署來詳細介紹 HEXO。

本文涉及到的一些工具需要一定操作基礎，若有疑問，請先自行搜尋學習。

安裝

Hexo執行需要一下工具

• Node.js
• Git

安裝Node.js

在官網下載Node.js安裝包，cmd執行以下命令確定安裝成功

安裝Hexo-Cli

高版本的node.js預設安裝了npm，使用以下命令來安裝 Hexo 的命令列工具 Hexo-Cli:

$ npm install -g hexo-cli

安裝Git

去官網下載最新安裝包，安裝即可

建立一個站點

在任意位置開啟 cmd，使用 hexo init <dir> 命令建立一個部落格，dir 為部落格目錄名

$ hexo init <folder>
$ cd <folder>
$ npm install

等待所有依賴包安裝完成

配置

配置站點

部落格根目錄的 _config.yml 為 “站點配置檔案”，包括 SEO、主題、佈局、外掛等配置項

# Site
title: xxx的部落格
subtitle: 副標題
description: 對站點的描述
keywords: 關鍵詞
author: 作者
language: 語言（中文簡體為：zh-Hans）
timezone: 時區（國內這裡填寫：Asia/Shanghai）
 

Hexo 預設的樣式大概是這樣的：

本人使用的是Next 主題

主題

安裝Next主題

在剛剛初始化專案的根目錄下開啟cmd執行

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

切換主題

主題相關的檔案就從 Next 的 github 倉庫克隆到了 themes/next 目錄下，只需要在 “站點配置檔案” 中將 theme 欄位的值改為 next 就實現了主題的切換

theme: next

檢視效果

Hexo 提供的命令列工具中自帶伺服器功能，在站點根目錄執行：

$ hexo s

當出現提示：

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

如果覺得不好看可以通過修改themes/next目錄下 “主題配置檔案” _config.yml來自定義主題樣式，這裡只介紹一些常用配置，詳細配置請參考 Next 官網

佈局

預設佈局是Muse，就是上圖的樣子

Next 還提供另外兩種佈局：

• Pisces
• Mist

我這裡使用的是 Pisces，themes\next_config.yml，修改 “主題” 配置檔案：

scheme: Pisces

Pisces 佈局的效果：

寫文章

在站點根目錄執行命令：

hexo new [title]

其中，[title] 為文章題目，執行命令後在 source/_posts 目錄下可以看到 文章題目.md 這樣一個檔案，用任意編輯器開啟這個檔案，裡面的內容大概是這樣：

這段內容在 Hexo 官方的叫法為 Front matter，在渲染文章的時候，渲染引擎會讀取這段內容並在頁面適當的地方展示文章的各種資訊，Front matter 主要有一下幾項：

• title：文章標題
• date：建立日期
• tags：標籤
• categories：分類

站點首頁會以分頁的方式展示最近釋出的文章，預設展示全文，如果想要只展示開頭部分內容，可以在文章適當的位置新增 <!-- more --> 標記，這樣可以在首頁只展示標記之前的內容，避免首頁一次載入過多內容造成不好的體驗

部署

如果有可用的伺服器，可以使用 hexo g 命令，生成靜態站點，通過 FTP 或其他方式將站點上傳到伺服器對應目錄，並配合 nginx 或 Apache 伺服器，即可完成部署，這裡介紹一下沒有伺服器情況下，如何搭建一個完整的部落格站點

首先要有一個 github 賬號，如果沒有，可到 github 用郵箱註冊

新建一個倉庫，倉庫的名字必須符合 <使用者名稱>.github.io，使用者名稱指的是瀏覽 github 個人主頁的時候，瀏覽器位址列 github.com/ 後面的那個名字，比如我的 github 主頁，則我的使用者名稱就是 jameszbl，新建倉庫後會跳轉到初始化頁面，顯示一個類似於[email protected]:lihangyu1994/lihangyu1994.github.io.git的 url， 記下這個url，稍候會用到

在 “站點配置檔案” 中，找到 deploy，如果沒有可以手動新增，像這樣填寫：

deploy:
  type: git
  repository: [email protected]:lihangyu1994/lihangyu1994.github.io.git
  branch: master

這裡的部署配置需要安裝一個外掛，因此在站點根目錄執行命令：

$ npm install hexo-deployer-git --save

外掛安裝完成後，再執行：

$ hexo g 
$ hexo d

部署外掛會自動將編譯完成的靜態站點推送到 github 的遠端倉庫，等待幾分鐘後，訪問 .github.io，即可看到搭建好的效果了