摘要：本文將介紹如何在一臺的云服務(wù)器上快速部署博客站點，如何快速發(fā)布一篇博文并通過云服務(wù)器上的私有倉庫部署到服務(wù)器目錄下。此外，還要在云服務(wù)器上安裝和兩個必備的軟件包。在服務(wù)器上部署博客以下為文章正文。

推薦理由：
Hexo 是用 Node.js 開發(fā)的一個靜態(tài)站點生成器（Static Site Generator），支持 Markdown 語法寫作，有著強大的插件系統(tǒng)，而且性能優(yōu)異。下面我推薦的這篇文章，介紹如何在一臺 Ubuntu 14.04 的 CVM 云服務(wù)器上快速部署 Hexo 博客站點，如何快速發(fā)布一篇博文并通過云服務(wù)器上的私有 Git 倉庫部署到 Web 服務(wù)器目錄下；希望對大家有所幫助。

以下為文章原文

除了悶頭專研技術(shù)之外，程序員還需要不斷地寫作進行技術(shù)積累，寫博客是其中最重要的方式之一。商業(yè)博客平臺不少，但是更符合程序員背景的方案，是自己開發(fā)一個博客平臺或者使用開源的博客平臺。

開源的博客平臺多如牛毛，而且不乏優(yōu)秀之作，如 Hexo、Octopress、Jekyll、Wordpress。本系列文章將分享如何利用各種博客引擎在云端搭建屬于自己的個人博客。今天是第一篇，介紹如何在 Ubuntu 14.04 上部署 Hexo 博客。

Hexo 是用 Node.js 開發(fā)的一個靜態(tài)站點生成器（Static Site Generator），支持 Markdown 語法寫作，有著強大的插件系統(tǒng)，而且性能優(yōu)異。閱讀不少技術(shù)社區(qū)分享的文章時，看到國內(nèi)不少同學(xué)都有在用這個引擎，看來「市場占有率」不低。

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

前提條件

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

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

在本地電腦上安裝 Node.js 和 npm，建議谷歌相應(yīng)關(guān)鍵詞了解具體步驟。

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

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

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

本地 Hexo 安裝及初始化

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

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

npm install hexo-cli hexo-server -g

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

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

hexo init ~/hexo_blog

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

這時，我們就已經(jīng)有了一個寫作、管理博客的環(huán)境。

云端服務(wù)器配置

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

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

為本地的 hexo_blog 配置一個部署靜態(tài)文件的遠程倉庫。

許多教程均以 Github 作為中轉(zhuǎn)的平臺，但是會讓整個流程變得更為復(fù)雜，而且會受服務(wù)器與 Github 之間網(wǎng)絡(luò)情況的影響。假如 Github 宕機或者被封，你將無法更新博客。

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

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

2.1 創(chuàng)建私有 Git 倉庫

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

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

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

然后，執(zhí)行如下命令：

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

2.2 配置 Nginx 托管文件目錄

接下來，創(chuàng)建 /var/www/hexo 目錄，用于 Nginx 托管。

sudo mkdir -p /var/www/hexo

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

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

然后，修改 Nginx 的 default 設(shè)置：

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 服務(wù)，使得改動生效。

sudo service nginx restart

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

2.3 創(chuàng)建 Git 鉤子

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

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

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

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

保存并退出文件，并讓該文件變?yōu)榭蓤?zhí)行文件。

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

至此，服務(wù)端的配置基本結(jié)束。

完成本地 Hexo 配置

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

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

新建博客草稿并發(fā)布

配置自動部署到服務(wù)器端的 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.jsondrwxr-xr-x 1 benjisong 1049089 0 Feb 24 12:16 node_modules-rw-r--r-- 1 benjisong 1049089 484 Feb 24 12:16 package.jsondrwxr-xr-x 1 benjisong 1049089 0 Feb 24 13:50 publicdrwxr-xr-x 1 benjisong 1049089 0 Feb 24 12:08 scaffoldsdrwxr-xr-x 1 benjisong 1049089 0 Feb 24 12:13 sourcedrwxr-xr-x 1 benjisong 1049089 0 Feb 24 12:08 themes

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

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

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

3.2. 新建博客草稿并發(fā)布

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

執(zhí)行如下命令，創(chuàng)建第一篇博文。

hexo new first-post

你會看到類似如下輸出：

INFO Created: ~WorkspaceGithexo_blogsource_draftsfirst-post.md

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

title: 在 Ubuntu 14.04 服務(wù)器上部署 Hexo 博客tags: - Ubuntu - Hexocategories: - Hexocomments: truedate: 2017-02-24 15:31:00---## 以下為 Markdown 文章正文。

然后，通過如下命令發(fā)布博客：

hexo publish first-post

輸出類似下面這樣：

INFO Published: ~WorkspaceGithexo_blogsource_postsfirst-post.md

博客推送到服務(wù)器之后，就可以在網(wǎng)站上訪問了。

3.3 通過 Git 部署

到了這一步，可以說萬事俱備，只欠東風(fēng)了。這個東風(fēng)，就是通過 Git 將 Hexo 生成的靜態(tài)內(nèi)容推送到服務(wù)器。

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

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

保存并退出文件。

之后，需要安裝一個 Hexo 包，負責(zé)將博客所需的靜態(tài)內(nèi)容發(fā)送到設(shè)置好的 Git 倉庫。

npm install hexo-deployer-git --save

安裝好后可以測試部署：

hexo generate && hexo deploy

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

... create mode 100644 tags/Node-js/index.html create mode 100644 tags/Ubuntu/index.htmlBranch 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 -> masterINFO Deploy done: git

現(xiàn)在，我們就可以在瀏覽器中打開 139.199.170.173，即可看到自己的博客網(wǎng)站了。

我們發(fā)現(xiàn)，Hexo 對 blockquote 標簽的樣式并不太美觀，需要后續(xù)再調(diào)優(yōu)。

通過鏡像快速部署

本文雖然將 Hexo 博客的大致部署過程明確地列出，但是對于部分初學(xué)用戶來說可能還會顯得較為復(fù)雜。如何利用 CVM 云服務(wù)器提供商（即騰訊云）的其他服務(wù)，快速讓其他用戶不必經(jīng)過上面的步驟，快速進行部署呢？

在云計算中，與虛擬機相關(guān)的一個概念是鏡像（Image）。用戶通過鏡像，可以一鍵啟動多個配置一模一樣的云服務(wù)器。我們這一步通過 CVM 的「制作系統(tǒng)鏡像」功能，將 Hexo 博客的服務(wù)器端打包。

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

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

4.1 鏡像的使用

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

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

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

總結(jié)

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

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

敬請期待。

文章出自騰訊云技術(shù)社區(qū)

（埋文字鏈https://www.qcloud.com/commun...）

推薦大家關(guān)注騰訊云技術(shù)社區(qū)微信公眾號：QcloudCommunity