- 原文博客地址: Hexo博客多臺電腦設備同步管理
- 最近一直在折騰Hexo博客, 玩的可謂是不亦樂乎啊; 這里就整理一下之前遺留的一些問題和一些個性化配置
- 如有遇到搭建個人博客時遇到的問題, 這里可參考我的之前的兩篇相關博客
一. 個性化配置
1. 返回頂部按鈕顯示滾動進度
- 打開主題配置文件
~themes/next/_config.yml找到sidebar字段 - 把
scrollpercent的屬性改為true即可, 如下:
sidebar:
# Sidebar Position - 側(cè)欄位置（只對Pisces | Gemini兩種風格有效）
position: left //靠左放置
#position: right //靠右放置
# Sidebar Display - 側(cè)欄顯示時機（只對Muse | Mist兩種風格有效）
#display: post //默認行為，在文章頁面（擁有目錄列表）時顯示
display: always //在所有頁面中都顯示
#display: hide //在所有頁面中都隱藏（可以手動展開）
#display: remove //完全移除
offset: 12 //文章間距（只對Pisces | Gemini兩種風格有效）
b2t: false //返回頂部按鈕（只對Pisces | Gemini兩種風格有效）
scrollpercent: true //返回頂部按鈕的百分比
二. 多設備管理博客
正常情況下, 我們博客的相關配置信息都是在本地的, 并未上傳服務器, 這樣當我們想在其他設備, 比如公司的電腦或者原電腦重裝了系統(tǒng), 那么我們便無法再維護我們的博客了
1. 環(huán)境配置
- 首先你需要在電腦上配置相關環(huán)境
- 安裝
Node.js - 安裝
git - 安裝
hexo
- 安裝
- 具體安裝方式, 可參考這里基于GitHub和Hexo搭建個人博客
2. 創(chuàng)建分支
-
hexo生成的靜態(tài)博客文件都是上傳到GitHub上的, 且默認放在master分支上, 而一些相關的配置文件都在本地 -
hexo的源文件（部署環(huán)境文件）可以都放在hexo分支上（可以新創(chuàng)建一個hexo分支），換新電腦時蔓搞，直接git clone hexo分支
2-1. 對username.github.io倉庫新建hexo分支
在Github的username.github.io倉庫上新建一個hexo(分支名字可自定義)分支, 在下圖箭頭位置輸入分支名字,回車即可創(chuàng)建成功
GitHub新建分支.png
2-2. 設置默認分支
切換到該hexo分支胰丁，并在該倉庫->Settings->Branches->Default branch中將默認分支設為hexo，save保存
Snip20180412_1.png
3. 配置文件上傳導Github
該步驟需要在搭建博客的電腦上操作(博客配置文件和主題配置文件所在的電腦上操作)
3-1. 克隆hexo分支
- 將上述新建的
hexo分支克隆到本地, 在終端中cd進入該username.github.io文件目錄 - 在當前目錄使用
Git Bash執(zhí)行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目錄以內(nèi)中的主題的.git目錄刪除（如果有）锦庸，因為一個git倉庫中不能包含另一個git倉庫，否則提交主題文件夾會失敗
- 后期需要更新主題時在另一個地方
git clone下來該主題的最新版本蒲祈，然后將內(nèi)容拷到當前主題目錄即可
- 最后用終端或者管理工具將所有文件提交到
hexo分支
master分支和hexo分支各自保存著一個版本甘萧，master分支用于保存博客靜態(tài)資源，提供博客頁面供人訪問梆掸；hexo分支用于備份博客部署文件扬卷，供自己維護更新，兩者在一個GitHub倉庫內(nèi)也不會有任何沖突
4. 同步到其他電腦
- 將新電腦的生成的
ssh key添加到GitHub賬戶上-
ssh key的配置方式可參考基于GitHub和Hexo搭建個人博客
-
- 在新電腦上克隆
username.github.io倉庫的hexo分支到本地酸钦，此時本地git倉庫處于hexo分支 - 切換到
username.github.io目錄怪得，執(zhí)行npm install(由于倉庫有一個.gitignore文件，里面默認是忽略掉node_modules文件夾的卑硫，也就是說倉庫的hexo分支并沒有存儲該目錄徒恋，所以需要install下)- 如果
node_modules文件沒有丟失, 可不執(zhí)行該操作
- 如果
- 到這里了就可以開始在自己的電腦上寫博客了！
- 需要注意的是每次更新博客之后, 都要把相關修改上傳到
hexo分支 - 每次換電腦更新博客的時候, 在修改之前最好也要
git pull拉取一下最新的更新
說到這里所有的相關問題基本也都解決了
