Hexo+Github Pages如何搭建并异地管理Blog
2016-05-25 11:27
288 查看
最近看到知乎上出了一篇《5分钟 搭建免费个人博客》的文章,鉴于最近公司比较闲,于是乎便跟着作者所给的教程走了一遍,结果发现作者在写的时候好像写错了一个地方,在安装Nodejs的时候,作者告诉用HomeBrew安装,但是我在安装的时候发现采用HomeBrew安装存在一些问题,于是乎从GitHub上找到了nvm的原作者Tim Caswell发现其实nvm并不支持Homebrew的安装,只能采用
或者
就可以了。但是文中并没有说明如何异地来管理博客,众所周知如果代码不能异地管理那么我们仅凭每天拷贝代码来管理代码这得多么痛苦,所以结合GitHub Pages + Hexo搭建博客这篇文章我决定重新写一篇如何搭建并如何异地管理博客的文章。
在这里我给大家提供两种方式来供大家使用,一种是开源仓库一种是私密仓库,都是基于Git的一种托管。
好了废话不多说,在开始之前请大家查看一下系统有没有安装Git,Nodejs以及Hexo。不管你是第一次建立博客还是说异地管理都需要上述三个方面的支持。
或者
先安装nvm然后重启终端运行
点击New,进入到如下图所示内容
创建一个本地仓库。仓库名称的前缀要与你的名字一样。然后进入下图所示,创建一个名字为hexo的分支用来管理你博客的hexo代码。
点击Setting中的Branches选项,将hexo设置为默认分支,如下图,
点击update即可。返回到分支上使用
curl或者
wget的方式安装,所以说如果有通过上述文章搭建博客的同学注意了,采用如下方式:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash
或者
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash
就可以了。但是文中并没有说明如何异地来管理博客,众所周知如果代码不能异地管理那么我们仅凭每天拷贝代码来管理代码这得多么痛苦,所以结合GitHub Pages + Hexo搭建博客这篇文章我决定重新写一篇如何搭建并如何异地管理博客的文章。
在这里我给大家提供两种方式来供大家使用,一种是开源仓库一种是私密仓库,都是基于Git的一种托管。
好了废话不多说,在开始之前请大家查看一下系统有没有安装Git,Nodejs以及Hexo。不管你是第一次建立博客还是说异地管理都需要上述三个方面的支持。
git 安装
brew install git确保已安装Homebrew,如果没安装那就先百度下安装Homebrew。
安装Nodejs
使用curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash
或者
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash
先安装nvm然后重启终端运行
nvm install 4
安装Hexo
完成上述安装后运行以下命令sudo npm install hexo-cli -g
采用GitHub Pages仓库对应的分支进行管理
首先就像《5分钟 搭建免费个人博客》这个文章中说的一样,打开自己的GitHub如果没有自己就注册一个,然后如下图点击New,进入到如下图所示内容
创建一个本地仓库。仓库名称的前缀要与你的名字一样。然后进入下图所示,创建一个名字为hexo的分支用来管理你博客的hexo代码。
点击Setting中的Branches选项,将hexo设置为默认分支,如下图,
点击update即可。返回到分支上使用
git clone https://github.com/ClayGuitar/ClayGuitar.github.io.git[/code]
这个命令将你的仓库克隆到你想克隆的地方。然后cd到你刚才clone的仓库下面,git branch -a
查看一下你所在的分支,在确保是在hexo分支的情况下运行命令hexo init如图:
等运行完后使用以下命令hexo s
,
如下图
进入上述网址查看以下hexo创建的博客是否成功,在这里推荐一下hexo-theme-vno一个博客主题。
测试没问题后在仓库目录下安装hexo-deployer-gitnpm install hexo-deployer-git --save
这个时候你会认为已经完成了,但是不好意思,并没有,你会发现在使用了hexo init命令后原有的远程仓库不见了,所以这个时候需要你重新加载一下远程仓库,使用如下命令git init
//初始化本地仓库git remote add origin https://github.com/ClayGuitar/ClayGuitar.github.io.git[/code] //添加远程仓库git fetch && git checkout hexo
//拉取并且切换到hexo分支
然后大功告成,打开你仓库的目录下的_config.yml文件,将其deploy参数改一下,如下图
接下来就是发布到你的GitHubPages上去了,命令如下hexo clean && hexo g && hexo d
输入在浏览器上输入http://clayguitar.github.io/看下有没有问题,如果没有那就运行以下命令将所有的文件提交到hexo分支上。git add .git commit -m'提交hexo文件'git push origin hexo
下次异地管理的时候只需电脑确保有Git、Nodejs以及Hexo环境下,直接git clone将项目从GitHub上clone到本地,然后cd到仓库目录下,运行以下命令:rm -rf .deploy_git
将.deploy_git隐藏文件夹删除,不然hexo g -d部署博客的时候会将整个项目部署到其master分支上。然后再执行上述发布到GitHub Pages以及提交分支命令即可。采用私有仓库管理
我是利用Bitbucket来管理私人仓库的,你也可以用别的私人仓库,其实都大同小异。这里我还是以Bitbucket为例,
1.创建私有仓库
2.打开我有一个已经存在的项目
根据提示的命令行进行操作,在这里如果文件夹没有git本地仓库记得先git init
一下。然后再git remote add origin https://bielian@bitbucket.org/bielian/hexo.git[/code]
剩下的步骤就参考上述GitHub分支如何异地管理步骤。
更多配置请参考hexo创建个人博客(附加插入音乐、分享、评论、标签页、搜索)
相关文章推荐
- 查看github pages文档的方式
- 使用BAE的基于Web.py的简单博客程序
- 新注册
- 四大漏洞入侵博客
- 在Ubuntu系统上安装Ghost博客平台的教程
- 两分钟学会如何在github托管代码
- PHP多用户博客系统分析[想做多用户博客的朋友,需要了解]第1/3页
- 基于CakePHP实现的简单博客系统实例
- 基于jsp+servlet实现的简单博客系统实例(附源码)
- Android自定义View实现仿GitHub的提交活跃表格
- csdn 博客的css样式 v3
- 如何使用Gitblog和Markdown建自己的博客
- 利用JS生成博文目录及CSS定制博客
- github配置使用指南
- github版本库使用详细图文教程(命令行及图形界面版)
- Flask入门教程实例:搭建一个静态博客
- python使用心得之获得github代码库列表
- 让写博客成为一种习惯
- C语言实现的轻量级brainfuck语言解释器