[Hexo] 在不同電腦上寫部落格

[Hexo] 在不同電腦上寫部落格

HEXO 簡介

HEXO 是一套 OPEN SOURCE 寫部落格框架,專門用來部署靜態網頁的工具,並支持 MARKDOWN 的方式撰寫,對於工程師來說非常方便
,使用方式則是使用 NODE.JS 軟體套件管理系統下載,利用指令 MARKDOWN 標記語言檔案,再透過解析方式生成靜態網頁,過程十分
快速、方便。

但如果你想要在不同裝置上撰寫部落格的話,就需要透過版本控制實現。

在 GITHUB 上開好分支

假設你已經有自己的 Repository, 這個 Repository 必須與自己使用者名稱相同,例如:gordonfang199649.github.io

分支上面開立分支,我自己是取名為 hexo,輸入完分支即在下方按”Create branch from master”

在 Repository 中間分頁切到 Settings 後,左邊項目中選取 Branch(分支),我們將”hexo”設為預設分支

設置靜態網頁部署資訊

這邊部署資訊要在  撰寫部落格根目錄中的_config.yml 設定,我使用的是 GitHub 部署,所以 type 這邊輸入 git,repository 輸入你
的 GitHub Repositroy 的 URL,分支則設置為 master,如果你是已經建立部署資訊的朋友們,可以先跳過此步驟。

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: 你的GitHub Repositroy的URL
branch: master

移除主題.git

在將異動檔案上版至 hexo 分支前,要先將套主題中的.git 資料夾刪除
因為 git 不容許一個以上.git 存在

1
2
$pwd
/你的hexo資料夾名稱/themes/套用主題資料夾名稱/.git

將異動檔案傳至遠端 Repository

  1. 部署文章到 master 分支
  2. 加入遠端 Repository 位置
  3. 開設分支 hexo
  4. 切換分支至 hexo
  5. 將異動檔案移動到暫存區
  6. 提交異動檔案
  7. 上版至遠端 Repository
1
2
3
4
5
6
7
8
$hexo clean && hexo generate
$hexo deploy
$git remote add origin https://github.com/usrname/usrname.github.io
$git branch hexo
$git checkout hexo
$git add .
$git commit -m "commited message"
$git push origin hexo

在不同裝置取得最新版本(環境是已建立)

只要下”Git pull”指令就可以取得當前部落格內容最新版本
每次異動檔案要上傳遠端 Repository,先從遠端 PULL 一版下來,並輸入上一節第二到第四步驟的指令

1
2
3
4
5
6
7
8
$git branch hexo
$git checkout hexo
$git pull
$hexo clean && hexo generate
$hexo deploy
$git add .
$git commit -m "commited message"
$git push origin hexo

在不同裝置取得最新版本(環境是未建立)

 若在尚未建立環境的裝置下,要先 Clone 自己的 Repository,再另行安裝 Hexo

1
$git clone https://github.com/usrname/usrname.github.io.git

為什麼要另外開立分支的原因?

最後部署至 GitHub 上,我們是透過”hexo deploy”指令部署到 GitHub 上的 master,另一個 hexo 分支則是儲存不同裝置上上版紀錄 、
及資料,在替大家複習一下,若寫好文章要發佈上去,得先部署到”GitHub 的 master 分支”上,這樣才可以看得到靜態網頁,再來是將
異動的檔案上到 hexo 分支,在不同裝置下都能複製一版下來再進行部落格的撰寫。

1
2
3
4
5
6
7
$hexo clean && hexo generate
$hexo deploy
$git branch hexo
$git checkout hexo
$git add .
$git commit -m "commited message"
$git push origin hexo

循序圖