Hexo多台电脑更新博客以及遇到的相关问题

最开始的时候,Hexo是搭建在自己电脑上的,但是最近想在公司的电脑上开始hexo博客的编辑,发现github上代码down下来之后只有网页样式文件,那么要怎么实现不同电脑可以编辑Hexo博客呢?

先说说主要的思路:通过git建立新建一个hexo分支,hexo生成的静态博客文件默认放在master分支上。hexo的源文件(部署环境文件)可以都放在hexo分支上,换到公司电脑时,直接clone分支代码,配置好hexo博客环境就行,先说明,本文全为windows环境下,liunx和mac环境没有试验过

1.本地电脑环境配置

  • 安装node.js
  • 安装git
  • 安装hexo

关于本地电脑搭建Hexo博客,我就不在此赘述了,网上教程很多,我个人实践了一下感觉也没遇到什么问题,这里推荐一个写的不错的博客
hexo+github搭建博客

2. 创建分支

  • hexo生成的静态博客文件都是上传到GitHub上的, 且默认放在master分支上, 而一些相关的配置文件都在本地
  • hexo的源文件(部署环境文件)可以都放在hexo分支上(可以新创建一个hexo分支),换新电脑时,直接git clone hexo分支

创建一个名为hexo的分支,并将该分支设置为默认分支(Settings->Branches->Default branch中将默认分支设为xxx,save保存),如图所示
在这里插入图片描述

3. 将本地博客的部署文件拷贝进username.github.io文件目录,并上传至分支

先将本地博客的部署文件

_config.yml
 package.json
 scaffolds/
 source/
 themes/

拷贝进username.github.io文件目录中去,你图省力也可以把本地全部文件都拷贝进来,但是有轻微强迫症的我把那些重复的都删出了,这样看起来东西少多了,无图无真相

在这里插入图片描述
在这里插入图片描述
接下来,进入username.github.io文件目录下,将该目录下的全部文件提交到hexo分支,提交之前需注意:

  • 将themes目录以内中的主题的.git目录删除(如果有,我是没有的,因为我还是用的默认主题哈哈哈),因为一个git仓库中不能包含另一个git仓库,提交主题文件夹会失败。
  • 可能有人会问,删除了themes目录中的.git不就不能git pull更新主题了吗,很简单,需要更新主题时在另一个地方git clone下来该主题的最新版本,然后将内容拷到当前主题目录即可

执行

 git add .、git commit -m 'xxxx'(引号内容可改)、git push

即可将博客的hexo部署环境提交到GitHub个人仓库的xxx分支,我们来对比一下两个分支的差别
master:
在这里插入图片描述
hexo:
在这里插入图片描述
可以看到,master分支用于保存博客静态资源,提供博客页面供人访问;hexo分支用于备份博客部署文件,供自己维护更新,两者在一个GitHub仓库内互不冲突,完美!
这样我们的分支就已经配置完毕了,我们在另一台电脑上试验一下。

4.另一台电脑拉取同步

1、拉取 hexo 分支
在任意目录里面输入命令

$ git clone -b hexo git@github.com: yourusername/yourusername.github.io.git

执行完之后你的目录下应该会出现一个 yourusername.github.io 的目录。

2、初始化为 Hexo 目录
yourusername.github.io 目录只是一个普通的 git 管理目录,需要把该目录初始化为 Hexo 目录。

$ cd yourusername.github.io
$ npm install hexo
$ npm install
$ npm install hexo-deployer-git

3、安装插件(可跳过)

$ npm install hexo-generator-searchdb --save # 本地搜索插件
$ npm install hexo-asset-image --save # 图片插件
$ npm install hexo-generator-sitemap --save # 谷歌站点地图插件
$ npm install hexo-generator-baidu-sitemap --save # 百度站点地图插件

至此这台新电脑的初始化工作也已经完成,可以开始写博客了。

可以看到最终效果,这是在公司电脑拉取同步的文件:
在这里插入图片描述
大功告成!
写博客步骤
以后我们写博客都在 hexo 分支下进行,master 分支只是用来存放生成的静态文件。确认目前在 hexo 分支下,步骤如下:

git pull 每次写博客前拉取最新的 hexo 分支代码
hexo n  '新文章' 开始写博客
hexo clean && hexo g 清空并生成新的静态文件和缓存文件
git add .
git commit -m '备注'
git push 提交到 hexo 分支
hexo d 提交到 master 分支

Hexo常用命令:

hexo n "我的博客" == hexo new "我的博客" #新建文章
hexo p == hexo publish
hexo g == hexo generate#生成
hexo s == hexo server #启动服务预览
hexo d == hexo deploy#部署

至此我们就可以实现在多台电脑上同步更新博客

其实,并没有看起来的这么顺利,,中间还遇到一些小问题

5.遇到的问题

问题一:
npm install的时候提示npm command not found
这个自己愚蠢了,一开始还去上网查,后面猛的发现我这是公司的外网电脑啊,我压根就没有装node.js啊,安装完后解决

问题二:
hexo n 新建博客的时候提示 hexo command not found
这个问题搞了半天,,在下愚蠢,记录一下
1、检查nodejs是否安装
使用git bash 输入以下命令:

检查nodejs是否安装

$  node -v

检查npm是否安装

$ npm -v

在这里插入图片描述
问题不在这儿

2、检查hexo相应模块是否安装
进入你的文件夹,查看node_modules
在这里插入图片描述
问题也不在这儿

3、检查环境变量
在 “计算机”右击属性,进入 高级环境配置 ,选择环境变量,在Path里添加你的node_modules下的.bin文件路径
在这里插入图片描述
到这一步的时候,问题解决,和大家分享一下

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值