使用Github Page + Hexo可以搭建出非常简洁和个性化的博客系统,本博客就是使用的Hexo的Next主题挂载在Github Page上的。现在的问题是,如果我想要在多台设备中进行博文的更新和推送,或者我重新安装系统,我原来的博客配置全部没有了如何进行数据和配置的恢复,今天我们就这介绍这么一种方法,我也刚刚成功的在一个新系统中配置好了博客环境。
其核心就是在博客挂载的Github仓库中新建一个branch分支hexo,其中默认的master进行博文的deploy工作,hexo保存博客的源文件以及环境配置和主题配置文件(设置hexo为默认主分支),这样我们每次重新配置系统只需要从Github中clone一下,然后再进行几步简单环境安装配置操作就完成了。
具体步骤如下:
1.建立master和hexo两个分支
2.安装Node.js
3.安装git
4.安装hexo
5.git clone
6.更新theme主题文件配置
7.npm安装配置hexo
下面我们一步一步来完成!
建立master和hexo两个分支
其中master分支是默认建立好的,我们在./_config.yml
文件中配置deploy布置信息,设置布置生成的静态文件的分支为master
,使用hexo deploy
命令会自动的将这些静态文件push到Github中去;
然后新建一个分支hexo,保存我们所有的源文件,这里需要手动git push
,另外,由于hexo中.gitignore
文件设置了忽略,所以./theme
文件中的主题配置信息不会被push到Github中,所以这里新建一个setting
文件夹保存./theme
中的主题配置文件,进行备份更新。
将hexo分支设置为默认主分支,我们之后只需要通过hexo分支进行博文的更新即可,hexo分支保存博文源文件(Markdown文件),通过hexo g -d
命令会自动将生成的静态文件push到master分支上去。
安装Node.js
对于一台新的电脑进行配置,我们首先需要按如下步骤进行环境的安装配置。
首先安装Node.js,最佳方法推荐nvm;
cURL:1
curl https://raw.github.com/creationix/nvm/master/install.sh | sh
Wget:1
wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh
安装完成后,重启终端并执行下列命令即可安装 Node.js。1
nvm install stable
安装git
1 | sudo apt-get install git-core |
安装Hexo
1 | npm install -g hexo-cli |
如果这里报错的话可以尝试添加--unsafe
1
npm install -g hexo-cli --unsafe
然后安装要用到的一些插件1
2
3
4
5
6
7
8
9
10
11
12
13
14
15npm 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
git clone
git clone复制repo源文件,其中由于.gitignore
文件,hexo目录中的theme主题文件不会被push到Github中,所以我采取的方法是新建一个setting
文件夹,将theme文件复制到setting
文件中进行备份保存。
更新theme文件配置
所以这里git clone之后要进行theme主题配置的更新,执行如下命令:1
cp -rf ./setting/next ./themes
主题与文件夹的名字大家按自己定义的就好。
npm安装配置Hexo
执行如下几条命令:1
2
3npm install hexo
npm install
npm install hexo-deployer-git
千万不要执行hexo init
,这样会重置hexo的配置文件,配好的文件就丢失啦!
测试使用
这时就可以测试一下,使用hexo server
、hexo g -d
等命令测试一下同步的情况,然后不同的机器可以使用git pull
进行数据的同步,每次更新博文就使用git push origin hexo
更新到hexo分支上去即可!
- PS:今天解决了Next博客主页空白的问题,由于Github Page更新了,所以将
/theme/next/source/
下的vendor
文件夹改名为lib
文件夹,并在/theme/next/source/_config.yml
文件中进行了对应的替换,最后更新到setting
文件夹中。