野声

Hey, 野声!

谁有天大力气可以拎着自己飞呀
twitter
github

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

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

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

優點:

  1. 有網絡就可以更新部落格,只需要一個瀏覽器。
  2. 源文件在雲端,可下載回本地。
  3. 可實時預覽 markdown 文件。
  4. 完善的 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.netc9.io

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

在你的 c9 控制台界面,創建一個 workspace,名字 hexo (自己喜歡就好)
選擇模板為 blank
58944002.jpg
c9 的控制台是 ubuntu 系統,並且已經裝了我們搭建 Hexo 需要的 nodejsgit


開始安裝#

打開 workspace, 在終端中輸入

npm install hexo-cli -g

25005751.jpg
等待安裝成功

創建一個 blog 文件夾,

mkdir blog

安裝 Hexo

cd blog
hexo init

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

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

60800577.jpg

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

調教 hexo 請參見《hexo 你的部落格》
在這推薦兩個主題: yeleenext


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 地址
31815771.jpg
在 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,右邊可實時預覽。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。