使用hexo搭建个人博客

Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架,可以方便的生成静态网页托管在github和Heroku上。

1、安装hexo

首先,由于hexo是基于Node的,所以要安装npm和node的环境,才能安装hexo。此处略过npm和node安装方法。
要安装hexo,可以使用npm安装即可,方法如下:

sudo npm install -g hexo

如图所示:

安装完成之后,可以通过如下命令查看是否安装完成:

hexo -v

2、使用hexo创建项目

要使用hexo创建项目,首先进入到制定工作目录,如可以创建在Workspace文件夹中,在该文件夹中,通过如下命令即可创建项目:

hexo init [项目名称]

如下图所示:

在Workspace文件夹中,会发现hexo-demo项目已经建立完毕。

进入到hexo-demo文件夹中,输入如下命令安装依赖:

npm install

如下图所示:
![Alt text](http://7xt42b.com1.z0.glb.clouddn.com/npm-install.png
)
并输入如下命令,启动服务器:

hexo server

在浏览器中,输入:http://localhost:4000 即可访问hexo默认搭建的博客了,如图所示:

3、如何写博客

使用如下命令即可创建一篇博客文章

hexo new "文章名"

如下图所示:

在我们之前建立的项目中,会看到创建的新文章,如图所示:

打开浏览器,会看到刚才创建的新文章:

4、部署方法

在部署之前,需要通过如下命令把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的:

hexo generate

如图所示:

在本地目录下,会生成一个public的目录,里面包括了所有静态化的文件。

生成静态文件之后,如果要发布到github,还需要配置deploy指令。
要配置该指令,需要我们在 _config.yml 文件中修改相关内容即可。
_config.yml文件所在位置如图所示:

打开_config.yml文件,找到deploy部分,根据自己的情况进行修改,如图所示:

repo的内容是你在github上创建的仓库的域名(注意:末尾有个git,不要省略);
branch的内容是你想把它所要托管的分支,这个根据需要修改,没有新建分支的话,就默认为:master 分支。

然后还要输入如下命令进行安装:

npm install hexo-deployer-git -s

如图所示:

最后输入如下命令发布到github:

hexo deploy

现在就能在github上看到刚刚部署的静态web网站:

你可能感兴趣的:(使用hexo搭建个人博客)