Hexo多终端管理的搭建流程

1.原理介绍

多终端管理的基本思路是将博客在Github网站上分为两个分支来管理:

  • 一个是master主分支用于存放博客的静态网站文件(hexo server之后会在本地文件里生成public文件夹,public文件夹内是根据.md生成的html静态网站文件),我们在电脑上更新完博客之后可以hexo deploy到该分支上,平时点进你的网站https://username.github.io/时看到的内容就是这个分支解析出来的。
  • 另一个分支则是hexo副分支(自己起的名字,可以更改),这个分支的作用是保存博客的最新版本,在不同的电脑上pull并新建博客后,push到这个分支上,这样随时都可以找到博客的最新版本,该分支上的更改如果不经过hexo deploy,不会影响到master主分支上的内容。

PS:个人建议之前没有接触过git的同学可以先看一下有关git的基础教程,因为没接触过git的同学瞎用指令会把网站搞崩的,别问我为啥知道…这里推荐廖雪峰的课廖雪峰git教程

2.搭建流程

1.创建仓库,https://username.github.io/。其中的username要由你自己定义,要和你Github注册的用户名保持一致;
2.创建两个分支,master和hexo。这一步不用手动创建,后面有指令会自动创建hexo分支的;
3.设置hexo为默认分支。因为我们只需要手动管理这个分支上的网站文件,设置方法为项目右上角setting里的branch选项卡,将其中的默认分支更改为hexo即可;
4.在第二台电脑上使用git clone git@github.com:username/username.github.io.git拷贝仓库;
5.在本地的与Github相连的https://username.github.io/文件夹下右键使用Git Bash依次执行npm install -g hexo-cli安装hexo、hexo init初始化hexo、npm install hexo-deployer-git --save让hexo知道你要把blog部署在哪一个位置。这三条指令完成后当前分支应显示为hexo;
6.修改博客站点配置文件_config.yml中的deploy参数,将branch的参数改为master;
7.依次执行git add .添加所有文件到缓存区、git commit -m “…”提交缓存区的文件同时增添备注、git push origin hexo将更改的内容push到github的hexo分支进行备份;
8.执行hexo g -d生成网站并部署到Github上。
经过以上操作之后,我们的master分支用于存放网站的静态文件,hexo分支用于存放网站的原始文件,井水不犯河水,简直太完美了有没有!

2.1第一个终端的hexo分支

在一开始创建博客的电脑上,将本地blog文件夹内必要的hexo文件push到username.github.io的hexo分支上,具体操作如下:

1
2
3
4
5
6
7
git init  //初始化本地仓库
git add source //将必要的文件依次添加,有些文件夹如npm install产生的node_modules由于路径过长不好处理,所以这里没有用`git add .`命令了,而是依次添加必要文件,例如source themes scaffolds _config.yml package.json package-lock.json等。
git commit -m "Blog Source Hexo" //备注这是blog网站最原始的文件
git branch hexo //新建hexo分支
git checkout hexo //切换到hexo分支上
git remote add origin git@github.com:yourname/yourname.github.io.git //将本地与Github项目对接
git push origin hexo //push到Github项目的hexo分支上

2.2另一终端完成clone复制以及push更新

在另一个终端更新博客,只需要将Github的hexo分支上的内容克隆到本地,然后再对其进行更改和push更新,具体操作如下:

1
2
3
4
5
6
7
8
9
git clone -b hexo git@github.com:yourname/yourname.github.io.git  //将Github中hexo分支clone到本地
cd yourname.github.io //切换到刚刚clone的文件夹内
npm install -g hexo-cli //注意!一定要切换到刚刚clone的文件夹内执行,安装hexo
npm install hexo-deployer-git --save //让hexo知道你要把blog部署在哪一个位置
hexo new post "new blog name" //新建博客并编辑内容
git add source //经测试每次只要更新source中的文件到Github中即可,因为只是新建了一篇新博客
git commit -m "XX" //对本次修改进行备注
git push origin hexo //将当前终端的文件更新到Github上的hexo分支上
hexo d -g //将自己写的博客部署到自己的博客网站上,同时同步Github中的master分支

3.日常的修改流程

先对本地的博客进行修改,例如增加博客,更改样式等,再将新的内容push到Github的hexo分支上,哭啼的操作如下:

1
2
3
4
5
6
git pull origin hexo  //先pull云端的hexo分支文件,完成本地与远端的融合
hexo new post " new blog name" //新建博客并编辑内容
git add source
git commit -m "XX"
git push origin hexo
hexo d -g

本文的参考链接:https://blog.csdn.net/ZmeiXuan/article/details/78339376