您的位置:首页 > 编程语言

使用hexo搭建个人博客

2016-08-02 16:05 218 查看
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网站:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  博客 github hexo