用hexo搭建gitpage页面

hexo是以个快速、简洁且高效的博客框架

它是基于node.js制作的一个博客工具，hexo不需要部署到我们的服务器上。

我们的服务器上保存的，其实是基于在hexo将markdown格式的文章生成静态

的html页面，然后，将生成的html上传到我们的服务器上。简而言之，hexo是

个静态页面生成、上传的工具。

博客的搭建一般需要进行四个步骤

1.本地环境的搭建

2.本地生成hexo

3.申请并配置Github账户

4.将github和本地环境绑定

 

1.本地环境的搭建

本地主要是按照两个软件，git和node.js

1.1 按照node.js

软件下载地址：https://nodejs.org/en/download/

根据自己的电脑下载相应的版本

打开安装，一路默认即可

1.2安装git

下载地址：https://git-scm.com/downloads,选择相应版本

下载完后打开安装。

1.3 检验是否安装成功

按win+R键，输入cmd回车

依次输入

node -v

npm -v

git --version

如果都有版本显示，则安装成功。

2.本地生成hexo

环境搭建好了，接下来我们需要在本地安装hexo,首先在本地选一个位置

安装，该位置用来存放以后的相关文件，包括博客内容等，以E:/blog为例。

2.1 hexo安装

在E盘下建立blog文件夹，进去后在右边空白处右键单击，选择Git Bash here

然后再命令行输入

• npm install hexo-cli -g

等待其配置完之后输入

npm install hexo -save

此时在安装hexo,耐心等待安装完之后输入以下命令即可查看是否配置完毕

hexo -v

2.2 初始化hexo

接着上面的操作，在blog这个文件夹下输入

hexo init ，表示

接着输入

npm install

之后npm将会自动安装你需要的组件，只需要等待npm操作即可。

接下来我们检验以下是否配置成功。接着输入：

hexo g 这个命令是生成静态文件html

然后输入

hexo s

出现下列提示

INFO Start processing

INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop

此刻在浏览器中打开http://localhost:4000/.你将会看到网站已经搭好了

到目前为止，hexo在本地的配置已经全部都结束了。

3. 创建并配置自己的Github账户

1.打开Github网站：http://github.com/

2.如果还没有注册账户的按步骤注册一个账户，填写邮箱，用户名，密码提交后，

登录邮箱验证一下即可，然后进入账户。

3.创建一个代码库

Repository的名字，前缀一定要和用户名一致，用户名.github.io

4.创建成功后到这里你的Github账号就基本配置好了，打开网址

https://用户名.github.io/可以看到已经显示了

5.绑定本地的hexo到github上去

github上也有自己的网站主页了，接下来我们得让github显示自己本地的hexo网址。

5.1配置git个人信息

还是右键打开git bash

输入自己git的username和email

hexo config --global user.name "用户名"

hexo config --global user.mail "邮箱"

5.2 修改_config.yml

打开blog文件夹里找到_config.yml文件，用编辑器打开（推荐Notepad++，防止乱码），找到Deployment,然后按照如下修改：