Haoyh的博客

Hexo+GitHub 环境配置

1.为什么要搭建这个环境

写了2年的代码想把用到的,学习到的东西记录下来,看着csdn又不是很爽,看到那么多炫酷的个人博客,我也要拥有一个这时候已经在心里种下了种子。突然有一个看到大神stormzhang的公众号推荐了一篇文章 我为什么坚持下博客 知道了几个可以用的环境,知道了Hexo并且是大神推荐的所以就准备搭建下。

2.准备工作

准备工作一般从百度开始(无果会转到Google),结果很快搜到了一些教程和Hexo官网。电脑准备好(本教程基于Mac编写),连上网就要开始了。

3.开始搭建

找到了文档就可以很快的入手开始做了。Hexo官网,方便挑错。
先看下Hexo的介绍:

1
2
Hexo is a fast, simple and powerful blog framework. You write posts in Markdown (or
other languages) and Hexo generates static files with a beautiful theme in seconds.

到底有多好我也没玩转呢,慢慢发现吧。
a.搭建需要安装:Node.js, Git.
如果已经安装了就可以直接安装Hexo了。

1
$ npm install -g hexo // 安装hexo,如果没有权限记得sudo

c.创建工程(到你指定的任意路径下执行就可以)

1
2
3
4
5
$ hexo init blog // 创建名为:blog的工程,就是博客的根目录
```
d.生成静态页面,cd到blog目录,执行下面命令后会在public生成对应的静态页
```bash
$ hexo generate // 可以简写为:hexo g

e.启动本地服务,进行预览

1
$ hexo server

成功启动后,在浏览器输入http://localhost:4000.

4.遇到的坑

安装好了之后,怎么都提交不到git,我的解决办法是缺少安装,继续安装,

1
$ npm install hexo-deployer-git —-save // 我的一直不成功,然后安装了下这个就正常了

5.关联github

a.建立Repository 建立与你用户名对应的仓库,仓库名必须为【your_user_name.github.io】,固定写法
b.建立关联,以刚才创建的blog为例,cd到blog目录,包含的文件和目录如下图所示

c.通过修改_config.yml文件,来建立关联,命令:

1
$ vim _config.yml

到文件尾部,修改为下图所示的样子,repository修改为刚才创建的git repository名。

d.最后执行命令

1
$ hexo deploy

在浏览器中输入http://haoyh.github.io就可以了,注需要将名字改为你的。

部署步骤

1
2
3
$ hexo clean
$ hexo generate
$ hexo deploy

看到这里,还不快去试试。