一直有著想寫一點東西的想法,想有個自己的部落格。但是現在國內的知名部落格服務(特指 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#
- 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 的介紹。
首先要安裝 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,右邊可實時預覽。