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   //返回顶部按钮的百分比
复制代码

二. 多设备管理博客

正常状况下, 咱们博客的相关配置信息都是在本地的, 并未上传服务器, 这样当咱们想在其余设备, 好比公司的电脑或者原电脑重装了系统, 那么咱们便没法再维护咱们的博客了

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(分支名字可自定义)分支, 在下图箭头位置输入分支名字,回车便可建立成功

2-2. 设置默认分支

切换到该hexo分支，并在该仓库->Settings->Branches->Default branch中将默认分支设为hexo，save保存

3. 配置文件上传导Github

该步骤须要在搭建博客的电脑上操做(博客配置文件和主题配置文件所在的电脑上操做)

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拉取一下最新的更新

说到这里全部的相关问题基本也都解决了