Hexo博客多臺電腦設備同步管理

時間 2019-11-30

標籤 hexo 博客多臺電腦設備同步管理简体版

原文原文鏈接

原文博客地址: Hexo博客多臺電腦設備同步管理
最近一直在折騰Hexo博客, 玩的可謂是不亦樂乎啊; 這裏就整理一下以前遺留的一些問題和一些個性化配置
若有遇到搭建我的博客時遇到的問題, 這裏可參考個人以前的兩篇相關博客
- 基於GitHub和Hexo搭建我的博客
- NexT主題配置優化-出土指南

一. 個性化配置

1. 返回頂部按鈕顯示滾動進度

打開主題配置文件 ~themes/next/_config.yml 找到sidebar字段
把scrollpercent的屬性改成true便可, 以下:

sidebar:
# Sidebar Position - 側欄位置（只對Pisces | Gemini兩種風格有效）
  position: left        //靠左放置
  #position: right //靠右放置

# Sidebar Display - 側欄顯示時機（只對Muse | Mist兩種風格有效）
  #display: post //默認行爲，在文章頁面（擁有目錄列表）時顯示
  display: always       //在全部頁面中都顯示
  #display: hide //在全部頁面中都隱藏（能夠手動展開）
  #display: remove //徹底移除

  offset: 12            //文章間距（只對Pisces | Gemini兩種風格有效）

  b2t: false            //返回頂部按鈕（只對Pisces | Gemini兩種風格有效）

  scrollpercent: true   //返回頂部按鈕的百分比
複製代碼

二. 多設備管理博客

正常狀況下, 咱們博客的相關配置信息都是在本地的, 並未上傳服務器, 這樣當咱們想在其餘設備, 好比公司的電腦或者原電腦重裝了系統, 那麼咱們便沒法再維護咱們的博客了node

1. 環境配置

首先你須要在電腦上配置相關環境
- 安裝Node.js
- 安裝git
- 安裝hexo
具體安裝方式, 可參考這裏基於GitHub和Hexo搭建我的博客

2. 建立分支

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

2-1. 對`username.github.io`倉庫新建`hexo`分支

在Github的username.github.io倉庫上新建一個hexo(分支名字可自定義)分支, 在下圖箭頭位置輸入分支名字,回車便可建立成功git

2-2. 設置默認分支

切換到該hexo分支，並在該倉庫->Settings->Branches->Default branch中將默認分支設爲hexo，save保存github

3. 配置文件上傳導`Github`

該步驟須要在搭建博客的電腦上操做(博客配置文件和主題配置文件所在的電腦上操做)npm

3-1. 克隆`hexo`分支

將上述新建的hexo分支克隆到本地, 在終端中cd進入該username.github.io文件目錄
在當前目錄使用Git Bash執行git branch命令查看當前所在分支，應爲新建的分支hexo
若是用Sourcetree軟件管理代碼的話, 克隆到本地的項目可能沒有username.github.io層級, 全部文件都在根目錄下, 操做上都不影響, 只須要記住操做要在文件的根目錄下便可

$ git branch
*hexo
複製代碼

3-2. 上傳部署文件

先將本地博客的部署文件（Hexo目錄下的所有文件）所有拷貝進username.github.io文件目錄中去
而後安裝要用到的一些插件, 有的可能不須要, 但都安裝了貌似沒有任何影響

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked@0.2 --save
npm install hexo-renderer-stylus@0.2 --save
npm install hexo-generator-feed@1 --save
npm install hexo-generator-sitemap@1 --save
npm install hexo-generator-search --save
npm install hexo-generator-searchdb --save
複製代碼

最後就是講全部的文件都提交到hexo分支
提交時考慮如下注意事項
- 將themes目錄之內中的主題的.git目錄刪除（若是有），由於一個git倉庫中不能包含另外一個git倉庫，不然提交主題文件夾會失敗
- 後期須要更新主題時在另外一個地方git clone下來該主題的最新版本，而後將內容拷到當前主題目錄便可
最後用終端或者管理工具將全部文件提交到hexo分支

master分支和hexo分支各自保存着一個版本，master分支用於保存博客靜態資源，提供博客頁面供人訪問；hexo分支用於備份博客部署文件，供本身維護更新，二者在一個GitHub倉庫內也不會有任何衝突服務器

4. 同步到其餘電腦

將新電腦的生成的ssh key添加到GitHub帳戶上
- ssh key的配置方式可參考基於GitHub和Hexo搭建我的博客
在新電腦上克隆username.github.io倉庫的hexo分支到本地，此時本地git倉庫處於hexo分支
切換到username.github.io目錄，執行npm install(因爲倉庫有一個.gitignore文件，裏面默認是忽略掉 node_modules文件夾的，也就是說倉庫的hexo分支並無存儲該目錄，因此須要install下)
- 若是node_modules文件沒有丟失, 可不執行該操做
到這裏了就能夠開始在本身的電腦上寫博客了！
須要注意的是每次更新博客以後, 都要把相關修改上傳到hexo分支
每次換電腦更新博客的時候, 在修改以前最好也要git pull拉取一下最新的更新