1. 程式人生 > >在Linux系統中同步更新我們的Github博客

在Linux系統中同步更新我們的Github博客

8.0 最新 blog comm htm node.js 前期準備 主題 iyu

原理介紹

類似於版本管理,我們把我們的hexo博客文件系統在Github上建立一個分支,通過管理分支提交最新的博客文件系統,保證我們博客框架的更新。然後我們基於最新的博客框架,撰寫文章,進行Github Pages網頁的更新,即我們博客內容的更新。

創建兩個分支,一個用於存放博客靜態資源,一個用於備份博客的部署文件。

參考資料

前期準備

  1. 一臺Linux系統的電腦(我的linux系統是Ubuntu 18.04.2 LTS)
  2. 安裝node.jsnpm
  3. 安裝 ssh
  4. 安裝 git
  5. 按照我們前面教程搭建好的博客

創建Github 博客倉庫分支

首先在我們搭建Hexo博客的電腦上,創建我們博客倉庫在Github上的分支。

  1. 打開我們的博客倉庫,選擇setting

技術分享圖片

  1. 選擇Branches,創建博客倉庫的Hexo分支,並將其設置為默認分支。

技術分享圖片

  1. 將該倉庫克融到本地,並把本地博客的(所有Hexo目錄下文件)全部拷貝進username.github.io文件目錄中去。

技術分享圖片

技術分享圖片

  1. 然後把更新後的博客部署文件提交到Github的hexo分支中。

技術分享圖片

依次執行

git add .
git commit -m 'some info'
git push

註意事項

  • 將themes目錄以內中的主題的.git目錄刪除(如果有),因為一個git倉庫中不能包含另一個git倉庫,提交主題文件夾會失敗。
  1. 然後我們的博客備份分支就創建好了。

Linux 部署項目

  1. 安裝Node.js 與 npm

  2. 安裝git

  3. linux與Github建立聯系

  4. 把我們創建好的博客備份倉庫clone到本機(linux)

4.1 在要保存的位置執行語句 git clone [email protected]:your.github.io/your.github.io.git

4.2 進入username.github.io目錄,執行npm install (由於倉庫有一個.gitignore文件,裏面默認是忽略掉 node_modules文件夾的,也就是說倉庫的hexo分支並沒有存儲該目錄,所以要安裝依賴)

  1. 安裝hexo插件

sudo npm install hexo-cli -g

  1. 撰寫我們的博客文章,然後依次執行下面指令,更新我們的博客備份。
hexo clean
hexo g
git add .
git commit -m 'some info'
git push
  1. 更新博客界面

hexo d

註意事項

1. 每當撰寫博客前,先 git pull,獲取最新的博客備份。

2. 寫完博客後,先依次執行hexo clean 、 hexo g 、 git add. 、 git commit -m ‘some info 、 git push‘進行博客備份部署文件更新。

3. 最後執行 hexo d部署博客界面,實現博客更新。

在Linux系統中同步更新我們的Github博客