Hexo多臺電腦更新博客以及遇到的相關問題

最開始的時候,Hexo是搭建在自己電腦上的,但是最近想在公司的電腦上開始hexo博客的編輯,發現github上代碼down下來之後只有網頁樣式文件,那麼要怎麼實現不同電腦可以編輯Hexo博客呢?

先說說主要的思路:通過git建立新建一個hexo分支,hexo生成的靜態博客文件默認放在master分支上。hexo的源文件(部署環境文件)可以都放在hexo分支上,換到公司電腦時,直接clone分支代碼,配置好hexo博客環境就行,先說明,本文全爲windows環境下,liunx和mac環境沒有試驗過

1.本地電腦環境配置

  • 安裝node.js
  • 安裝git
  • 安裝hexo

關於本地電腦搭建Hexo博客,我就不在此贅述了,網上教程很多,我個人實踐了一下感覺也沒遇到什麼問題,這裏推薦一個寫的不錯的博客
hexo+github搭建博客

2. 創建分支

  • hexo生成的靜態博客文件都是上傳到GitHub上的, 且默認放在master分支上, 而一些相關的配置文件都在本地
  • hexo的源文件(部署環境文件)可以都放在hexo分支上(可以新創建一個hexo分支),換新電腦時,直接git clone hexo分支

創建一個名爲hexo的分支,並將該分支設置爲默認分支(Settings->Branches->Default branch中將默認分支設爲xxx,save保存),如圖所示
在這裏插入圖片描述

3. 將本地博客的部署文件拷貝進username.github.io文件目錄,並上傳至分支

先將本地博客的部署文件

_config.yml
 package.json
 scaffolds/
 source/
 themes/

拷貝進username.github.io文件目錄中去,你圖省力也可以把本地全部文件都拷貝進來,但是有輕微強迫症的我把那些重複的都刪出了,這樣看起來東西少多了,無圖無真相

在這裏插入圖片描述
在這裏插入圖片描述
接下來,進入username.github.io文件目錄下,將該目錄下的全部文件提交到hexo分支,提交之前需注意:

  • 將themes目錄以內中的主題的.git目錄刪除(如果有,我是沒有的,因爲我還是用的默認主題哈哈哈),因爲一個git倉庫中不能包含另一個git倉庫,提交主題文件夾會失敗。
  • 可能有人會問,刪除了themes目錄中的.git不就不能git pull更新主題了嗎,很簡單,需要更新主題時在另一個地方git clone下來該主題的最新版本,然後將內容拷到當前主題目錄即可

執行

 git add .、git commit -m 'xxxx'(引號內容可改)、git push

即可將博客的hexo部署環境提交到GitHub個人倉庫的xxx分支,我們來對比一下兩個分支的差別
master:
在這裏插入圖片描述
hexo:
在這裏插入圖片描述
可以看到,master分支用於保存博客靜態資源,提供博客頁面供人訪問;hexo分支用於備份博客部署文件,供自己維護更新,兩者在一個GitHub倉庫內互不衝突,完美!
這樣我們的分支就已經配置完畢了,我們在另一臺電腦上試驗一下。

4.另一臺電腦拉取同步

1、拉取 hexo 分支
在任意目錄裏面輸入命令

$ git clone -b hexo [email protected]: yourusername/yourusername.github.io.git

執行完之後你的目錄下應該會出現一個 yourusername.github.io 的目錄。

2、初始化爲 Hexo 目錄
yourusername.github.io 目錄只是一個普通的 git 管理目錄,需要把該目錄初始化爲 Hexo 目錄。

$ cd yourusername.github.io
$ npm install hexo
$ npm install
$ npm install hexo-deployer-git

3、安裝插件(可跳過)

$ npm install hexo-generator-searchdb --save # 本地搜索插件
$ npm install hexo-asset-image --save # 圖片插件
$ npm install hexo-generator-sitemap --save # 谷歌站點地圖插件
$ npm install hexo-generator-baidu-sitemap --save # 百度站點地圖插件

至此這臺新電腦的初始化工作也已經完成,可以開始寫博客了。

可以看到最終效果,這是在公司電腦拉取同步的文件:
在這裏插入圖片描述
大功告成!
寫博客步驟
以後我們寫博客都在 hexo 分支下進行,master 分支只是用來存放生成的靜態文件。確認目前在 hexo 分支下,步驟如下:

git pull 每次寫博客前拉取最新的 hexo 分支代碼
hexo n  '新文章' 開始寫博客
hexo clean && hexo g 清空並生成新的靜態文件和緩存文件
git add .
git commit -m '備註'
git push 提交到 hexo 分支
hexo d 提交到 master 分支

Hexo常用命令:

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #啓動服務預覽
hexo d == hexo deploy#部署

至此我們就可以實現在多臺電腦上同步更新博客

其實,並沒有看起來的這麼順利,,中間還遇到一些小問題

5.遇到的問題

問題一:
npm install的時候提示npm command not found
這個自己愚蠢了,一開始還去上網查,後面猛的發現我這是公司的外網電腦啊,我壓根就沒有裝node.js啊,安裝完後解決

問題二:
hexo n 新建博客的時候提示 hexo command not found
這個問題搞了半天,,在下愚蠢,記錄一下
1、檢查nodejs是否安裝
使用git bash 輸入以下命令:

檢查nodejs是否安裝

$  node -v

檢查npm是否安裝

$ npm -v

在這裏插入圖片描述
問題不在這兒

2、檢查hexo相應模塊是否安裝
進入你的文件夾,查看node_modules
在這裏插入圖片描述
問題也不在這兒

3、檢查環境變量
在 “計算機”右擊屬性,進入 高級環境配置 ,選擇環境變量,在Path裏添加你的node_modules下的.bin文件路徑
在這裏插入圖片描述
到這一步的時候,問題解決,和大家分享一下

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章