怎么在Ubuntu服務器上部署Hexo博客

本篇內容主要講解“怎么在Ubuntu服務器上部署Hexo博客”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“怎么在Ubuntu服務器上部署Hexo博客”吧!

Hexo 是用 Node.js 開發的一個靜態站點生成器（Static Site Generator），支持 Markdown 語法寫作，有著強大的插件系統，而且性能優異。閱讀不少技術社區分享的文章時，看到國內不少同學都有在用這個引擎，看來「市場占有率」不低。

本文將介紹如何在一臺 Ubuntu 14.04 的 CVM 云服務器上快速部署 Hexo 博客站點，如何快速發布一篇博文并通過云服務器上的私有 Git 倉庫部署到 Web 服務器目錄下。

前提條件

如果想跟著本教程順利完成 Hexo 博客的搭建，需要具備以下條件：

1. 一臺安裝了 Ubuntu 14.04 的 CVM 云服務器。一般個人博客的流量都比較低，初期選擇 1核 1GB內存類型的服務器即可，而且有不少免費試用的時間。

2. 在本地電腦上安裝 Node.js 和 npm，建議谷歌相應關鍵詞了解具體步驟。

此外，還要在云服務器上安裝 Git 和 Nginx 兩個必備的軟件包。Git 用于版本管理和部署，Nginx 用于靜態博客托管。

sudo apt-get update
sudo apt-get install git nginx -y

另外，本文均以 Windows 為例，演示在本地端的操作，Mac 上的操作會更為簡單。Windows 上沒有 Mac 的 iTerm2 ，我們以 ConEmu + Git Bash 組成的終端作為替代。如果有讀者感興趣，后續再撰文介紹具體配置方法。

1. 本地 Hexo 安裝及初始化

NPM 上還有許多 Hexo 相關的包，但是只要安裝好了 hexo-cli 和 hexo-server 這兩個核心組件之后，就可以讓博客跑起來了。

我們使用 Node.js 的包管理器 npm 安裝 hexo-cli 和 hexo-server。

npm install hexo-cli hexo-server -g

hexo-cli 是 Hexo 的命令行工具，可用于快速新建、發布、部署博客；hexo-server 是 Hexo 的內建服務器，可用于部署前的預覽和測試。-g 選項，表示全局安裝。

接下來，為 Hexo 博客做一些基礎配置，包括創建基礎文件。這步操作很簡單，Hexo 提供了一個快捷命令，只需要提供一個存放文件的目錄地址即可。

hexo init ~/hexo_blog

在國內環境下執行該命令，速度會有些慢。因為需要從 Hexo 在 Github 上的倉庫克隆；倉庫克隆成功后，會自動執行一系列 npm 命令，自安裝依賴模塊。

這時，我們就已經有了一個寫作、管理博客的環境。

2. 云端服務器配置

完成本地端的操作之后，暫時回到服務器的配置。在下面的操作之前，請確保已經購買了一臺云服務器，并且能夠以 ubuntu 用戶身份正常登陸。

在這部分，要完成以下件事情：

1. 為本地的 hexo_blog 配置一個部署靜態文件的遠程倉庫。
   許多教程均以 Github 作為中轉的平臺，但是會讓整個流程變得更為復雜，而且會受服務器與 Github 之間網絡情況的影響。假如 Github 宕機或者被封，你將無法更新博客。

2. 配置 Nginx 托管博客文件目錄。

3. 配置遠程倉庫自動更新到博客文件目錄的鉤子。

2.1 創建私有 Git 倉庫

在 /var/repo/ 下，創建一個名為 hexo_static 的裸倉庫（bare repo）。

如果沒有 /var/repo 目錄，需要先創建；然后修改目錄的所有權和用戶權限，之后 ubuntu 用戶都具備/var/repo 目錄下所有新生成的目錄和文件的權限。

sudo mkdir /var/repo/
sudo chown -R $USER:$USER /var/repo/
sudo chmod -R 755 /var/repo/

然后，執行如下命令：

cd /var/repo/
git init --bare hexo_static.git

2.2 配置 Nginx 托管文件目錄

接下來，創建 /var/www/hexo 目錄，用于 Nginx 托管。

sudo mkdir -p /var/www/hexo

和上一步類似，這里也需要修改目錄的所有權和權限。

sudo chown -R $USER:$USER /var/www/hexo
sudo chmod -R 755 /var/www/hexo

然后，修改 Nginx 的 default 設置：

sudo vim /etc/nginx/sites-available/default

將其中的 root 指令指向 /var/www/hexo 目錄。

...

server {
    listen 80 default_server;
    listen [::]:80 default_server ipv6only=on;

    root /var/www/hexo; # 需要修改的部分
    index index.html index.htm;
...

保存并退出文件。如果以后購買并備案域名之后，可以再將配置中的 default_server 修改為你的域名。

最后，重啟 Nginx 服務，使得改動生效。

sudo service nginx restart

做完這一步之后，你去訪問服務器的 IP 時，應該還是會報錯的，因為 /var/www/hexo 目錄是空的。

2.3 創建 Git 鉤子

接下來，在服務器上的裸倉庫 hexo_static 創建一個鉤子，在滿足特定條件時將靜態 HTML 文件傳送到 Web 服務器的目錄下，即 /var/www/hexo。

在自動生成的 hooks 目錄下創建一個新的鉤子文件：

vim /var/repo/hexo_static.git/hooks/post-receive

在該文件中添加兩行代碼，指定 Git 的工作樹（源代碼）和 Git 目錄（配置文件等）。

#!/bin/bash

git --work-tree=/var/www/hexo --git-dir=/var/repo/hexo_static.git checkout -f

保存并退出文件，并讓該文件變為可執行文件。

chmod +x /var/repo/hexo_static.git/hooks/post-receive

至此，服務端的配置基本結束。

3. 完成本地 Hexo 配置

在第三部分的操作中，我們將完成以下任務：

1. 修改 Hexo 配置中的 URL 和默認文章版式；

2. 新建博客草稿并發布

3. 配置自動部署到服務器端的 hexo_static 裸倉庫；

3.1 修改 Hexo 部分默認配置

進入 hexo_blog 目錄后，主要有以下文件。

-rw-r--r-- 1 benjisong 1049089 1619 Feb 24 14:45 _config.yml
-rw-r--r-- 1 benjisong 1049089  174 Feb 24 13:51 db.json
drwxr-xr-x 1 benjisong 1049089    0 Feb 24 12:16 node_modules
-rw-r--r-- 1 benjisong 1049089  484 Feb 24 12:16 package.json
drwxr-xr-x 1 benjisong 1049089    0 Feb 24 13:50 public
drwxr-xr-x 1 benjisong 1049089    0 Feb 24 12:08 scaffolds
drwxr-xr-x 1 benjisong 1049089    0 Feb 24 12:13 source
drwxr-xr-x 1 benjisong 1049089    0 Feb 24 12:08 themes

其中，_config.yml 為 Hexo 的主配置文件。我們首先修改博客的 URL 地址。

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: http://server-ip # 沒有綁定域名時填寫服務器的實際 IP 地址。
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

接下來，修改 default_layout，該字段位于在 Writing 部分。將其從 post 修改為 draft ，表示每篇博文默認都是草稿，必須經過發布之后才能在博客站點上訪問。

# Writing
new_post_name: :title.md # File name of new posts
default_layout: draft # 原來的值是 post
titlecase: false # Transform title into titlecase

暫時保存并退出文件。在 3.3 部分繼續進行配置。

3.2. 新建博客草稿并發布

這里簡單演示通過 Hexo 新建博文草稿，并發布的過程。

執行如下命令，創建第一篇博文。

hexo new first-post

你會看到類似如下輸出：

INFO  Created: ~\Workspace\Git\hexo_blog\source\_drafts\first-post.md

在本地通過自己熟悉的編輯器，編輯博文。這里，我們把本文的內容寫入第一篇博客中。

title: 在 Ubuntu 14.04 服務器上部署 Hexo 博客
tags:
  - Ubuntu
  - Hexo
categories:
  - Hexo
comments: true
date: 2017-02-24 15:31:00
---

## 以下為 Markdown 文章正文。

然后，通過如下命令發布博客：

hexo publish first-post

輸出類似下面這樣：

INFO  Published: ~\Workspace\Git\hexo_blog\source\_posts\first-post.md

博客推送到服務器之后，就可以在網站上訪問了。

3.3 通過 Git 部署

到了這一步，可以說萬事俱備，只欠東風了。這個東風，就是通過 Git 將 Hexo 生成的靜態內容推送到服務器。

繼續編輯 _config.yml 文件，找到 Deployment 部分，按照如下情況修改：

deploy:
    type: git
    repo: ubuntu@CVM 云服務器的IP地址:/var/repo/hexo_static
    branch: master

保存并退出文件。

之后，需要安裝一個 Hexo 包，負責將博客所需的靜態內容發送到設置好的 Git 倉庫。

npm install hexo-deployer-git --save

安裝好后可以測試部署：

hexo generate && hexo deploy

期間可能會提示輸入 ubuntu 用戶的登錄密碼（如果沒有設置 SSH 登錄）。成功之后的輸出大致如下：

...
 create mode 100644 tags/Node-js/index.html
 create mode 100644 tags/Ubuntu/index.html
Branch master set up to track remote branch master from ubuntu@139.199.170.173:/var/repo/hexo_static.
To 139.199.170.173:/var/repo/hexo_static
 * [new branch]      HEAD -> master
INFO  Deploy done: git

現在，我們就可以在瀏覽器中打開 139.199.170.173，即可看到自己的博客網站了。

我們發現，Hexo 對 blockquote 標簽的樣式并不太美觀，需要后續再調優。

打包后的鏡像，還可以上傳到官方的服務市場，供所有用戶使用；還可以直接共享給其他用戶。

如果有用戶希望使用該鏡像，可在本文下方評論區留下自己的騰訊云賬號（登錄時使用的QQ號或郵箱）。

4.1 鏡像的使用

鏡像中已經設置好了服務端，通過鏡像啟動 CVM 云服務器之后，讀者只需要根據本文第三部分「完成 Hexo 本地配置」中的步驟，設置好本地 Hexo 寫作環境的部署地址和服務器 URL等參數即可。

這里有一點一定要注意，通過鏡像啟動云服務器時，務必重新設置密碼或密鑰，否則鏡像的制作者有可能輕松地登錄你的服務器。

不要選擇上圖中的方式安裝。

總結

本文較為完整地介紹了 Hexo 博客的安裝及初始化，服務端如何配置通過 Git 部署等。與其他教程不同，我們沒有使用公開的 Github 等第三方服務，而是直接在服務器上創建了私有倉庫。然后，通過 Git 鉤子，將 Hexo 生成的博客靜態文件，快速地推送到 Web 服務的托管目錄。

由于 Hexo 是采用 Node.js 開發的，可能對于其他語言的學習者來說吸引力不大，因為后續自主二次開發難度較高。因此，后續筆者還將介紹其他語言的博客引擎，如用 Python 編寫的 Lektor 和用 PHP 編寫的 Wordpress 等。

到此，相信大家對“怎么在Ubuntu服務器上部署Hexo博客”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！