使用在線IDE和Pages服務搭建一個免費的Hexo博客

一直有著想寫一點東西的想法，想有個自己的部落格。但是現在國內的知名部落格服務（特指 CSXN）好多廣告 = =，最後在知乎發現了 Hexo 這麼個東西。
自己就能搭建一個國內訪問快無廣告自定義頗多的炫酷部落格。

Hexo 是一個用 nodejs 編寫的靜態部落格框架，可以將生成的靜態部落格網頁託管在伺服器上。
國外的 github.com 和國內的 coding.net 都提供免費的靜態網頁託管服務。
~~c9.io提供免費的在線 webide 服務~~
好難過，評論說現在註冊 c9 要綁定信用卡了，這是真的這不是夢。
c9 現在被亞馬遜收購了，可以在自己的 ec2 實例上免費使用。

優點:

有網絡就可以更新部落格，只需要一個瀏覽器。
源文件在雲端，可下載回本地。
可實時預覽 markdown 文件。
完善的 linux 終端，有 root 權限。

我在 c9 的 workspace：https://ide.c9.io/lengthmin/hexo/

安裝#

關於 Hexo#

官網： https://hexo.io/zh-cn/

A fast, simple & powerful blog framework
快速、簡潔且高效的部落格框架

作者：Tommy Chen

準備準備#

註冊 coding.net ｜ c9.io

注意：c9 沒有被牆，但是註冊的時候需要輸入驗證碼，驗證碼使用的是 Google 的 reCAPTCHA 服務。因此註冊的時候需要科學上網。

在你的 c9 控制台界面，創建一個 workspace，名字 hexo (自己喜歡就好)
選擇模板為 blank

c9 的控制台是 ubuntu 系統，並且已經裝了我們搭建 Hexo 需要的 nodejs 跟 git。

開始安裝#

打開 workspace, 在終端中輸入

npm install hexo-cli -g

等待安裝成功

創建一個 blog 文件夾，

mkdir blog

安裝 Hexo

cd blog
hexo init

這樣 Hexo 就安裝完成了，我們先預覽一下

hexo s -p 8081

先按照我這麼輸命令，因為 c9 只允許使用 8080，8081，8082 三個端口，而 Hexo 默認的端口是 4000，所以如果只使用hexo s的話就預覽不了。後面講命令的時候會再提一下。

點擊終端出現的地址，出現如下圖的話就說明安裝好了。

調教 hexo 請參見《hexo 你的部落格》
在這推薦兩個主題： yelee 跟 next

hexo 的常用命令#

到這裡，已經可以使用 Hexo 了
hexo 的常用命令有這些，都要在 Hexo 的根目錄下執行

hexo g
# 編譯生成靜態文件
hexo d
# 部署部落格
hexo g -d
# g 跟 d 一起使用
hexo clean
# 清除以前生成的靜態文件。
# 通常，清理一下可以解決大多數問題。
hexo s
# 本地預覽部落格
hexo new xxx
# 新建一篇標題為xxx的文章
hexo new draft xxx
# 新建一篇標題為xxx的草稿
hexo new page xxx
# 新建一個頁面
hexo help
#查看幫助

在 c9 使用`hexo s`時注意事項#

c9 只允許用戶使用8080、8081、8082三個端口。並且 8080 端口已被佔用，
所以使用默認的hexo server是預覽不了的，因為你進不去 4000 這個端口。
要把hexo server的命令改成

hexo server -p 端口號
# 可簡寫
hexo s -p 端口號

也可以在站點配置文件_config.yml加入:

server:
  port: 8081

以後只要使用hexo s就可以了。

部署部落格#

配置 SSH#

coding 的中文 ssh 配置幫助頁面
https://coding.net/help/doc/git/ssh-key.html
c9 已經默認生成了 ssh 密鑰，
ssh 密鑰在～/.ssh/id_rsa.pub

把這個密鑰添加到 coding 就好了。

點擊文件目錄右上角的齒輪 - show home in favorite ，就能查看根目錄了。

配置 Deploy#

在 coding 中創建一個倉庫
名字為你的 coding 用戶名，不區分大小寫。
創建完倉庫後，複製你的 SSH 地址

在 hexo 根目錄下的 _config.yml中翻到尾部找到下面這串代碼。然後修改 coding 後面的地址為你的倉庫的 ssh 地址，這裡的 master 是分支的意思。。

一定要注意改成你自己的 ssh 地址，注意是 ssh 地址。而且coding:後面是有個空格的，這就是 yaml 語言的格式，以後編輯_config.yml也要注意的。

deploy:
  type: git
  repo:
    coding: [email protected]:Artin/Artin.git,master

部署到 Coding Pages 上#

這是 Coding 關於 Pages 的介紹。

https://coding.net/help/doc/pages/index.html

首先要安裝 git 的插件:

在終端輸入

npm install hexo-deployer-git --save

等待安裝完成。

然後輸入命令：

hexo clean
hexo g -d

每一次更新部落格，都要重新部署。

一些 Tips#

修改終端時區#

c9 終端的默認時區是 UTC，和中國相差了 8 個時區。
終端輸入:

sudo dpkg-reconfigure tzdata

然後進入圖形交互界面，選擇Asia/Shanghai時區就行了
出現下面的提示即為成功

Current default time zone: 'Asia/Shanghai'

Local time is now:      Sat Aug  6 20:13:22 CST 2016.
Universal Time is now:  Sat Aug  6 12:13:22 UTC 2016.

開啟 c9 的 markdown 實時預覽#

寫 markdown 時點擊工具欄的 Preview，選擇第一個 Live Preview file。
然後屏幕就會變成雙欄，左邊碼 markdown，右邊可實時預覽。