建立 Hexo 部落格，並與 Travis 整合

發表於 更新於 分類於 Disqus：

前言

一直以來都覺得用 Hexo 寫 blog 有點辛苦，除了要 commit 文件檔外，還要 hexo generate, hexo deploy。雖然我寫成腳本了，可以一鍵執行，但總覺得很臃腫。最近一直聽到持續整合這個東西，想說有空的話來試看看好了。

先 build Hexo

可參考 卡斯伯 的教學影片

git 建立與備份流程

1
2
3
4
5
git init # 初始化
git add. # 把新增的項目加入
git commit -m "git init" # 記錄訊息
git remote add origin git@github.com:xxx.git # 新增遠方的 origin，如果是 clone 下來的 repo 就不用這行惹
git push -u origin master # 遠端路徑：push 原始檔，not hexo-demo project

建立 Hexo 與發文流程

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# 安裝 CLI command 介面
npm install -g hexo-cli

# 快速雛型
hexo init <folder>
cd <folder>
npm install 

# 啟動(本地端預覽)
hexo s # s=server, localhost:4000

# 建立靜態網站
hexo g # g=generate, public 資料夾生成

# 佈署(push 站點)
# 先填寫部屬路徑，修改 _config.yml
deploy:         # _config.yml
    type:git
    repo:xxx.git
    branch:gh-pages

# 佈署
hexo g 
npm install hexo-deployer-git --save # 要先下載，不然不能 hexo g
hexo d # push public to branch:gh-pages

# 一個 site 佈署兩個站點
# 改成相對路徑，修改 _config.yml
relative_link: true

Themes 安裝版型

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
ex Anodyne 
   example - ▇ 範例畫面
   link - Anodyne 專案頁面

1.安裝themes： template/installation
2.套用themes：
_config.yml  //置換themes
  theme:landscape anodyne

themes/anodyne/_config.yml  //細部修改
  Disqus comments 留言板
  comments:
    disqus_shortname:
  GA
  google_analytics:
     
3.客製化themes：
layout 資料夾，template language 熟悉與了解邏輯。

Travis

待用

參考