【GitHub搭建个人博客】二、Windows下用HEXO生成博客页面(静态)

参照【GitHub搭建个人博客】一、Windows下安装NodeJS和HEXO搭建好HEXO环境后，跟随本篇博文，就可以初步生成一个静态页面了。

一、创建GitHub Page

首先，进入到你GitHub账户下的仓库页面：

点击新建仓库：

仓库名称必须为你的GitHub用户名 + .github.io（如我的是One-War.github.io）：

公开性选择Public：

再往后的选项可随意选择，然后点击Create repository

这样，一个以你的GitHub用户名.github.io为名的仓库就创建好了：

二、用HEXO建立静态页面

1. 建立本地页面

在第一篇博文中，我们已经用以下命令下载了HEXO框架：

npm install hexo-cli -g
npm install hexo-deployer-git --save

接下来，我们在任意一个盘中新建一个Blog(也可以换其他名字)文件夹，我建到了E:/下：

进到这个文件夹里，然后点击鼠标右键，再点击Git Bash here（没有Git Bash的读者请自行安装）：

之后，我们的操作都将转到Git Bash中。

首先，输入以下命令初始化静态博客：

hexo init

（上图是Git Bash的界面，不是Windows的cmd）

然后输入进行静态部署：

hexo g

（hexo g后面会跟着一长串的提示信息，检查一下没有ERROR就好）

这时网页已经部署完成，输入hexo s命令可以查看：

此时，浏览器输入http://localhost:4000就可以打开新部署的网页，只不过它是存储在本地的，只有你自己能看到：

看完之后可以在Git Bash中按ctrl +c停止运行服务器。

2. 将Hexo部署到GitHub

注：经过这一步后，你的网站将会被部署到网络上，就能被其他人看到了。

2.1 配置公钥

这一步不做也可以，配置公钥只是为了以后你操作Git Bash的时候，不用多次输入密码，麻烦。

想配置的读者可自行百度方法。

2.2 部署GitHub

现在回到我们的 Blog 文件夹，用记事本打开 _config.yml 文件，翻到最后，有deploy配置项如下图：

在这里修改，把deoloy及其之后的字段删掉，并添加如下字段：

deploy:
  type: git
  repository: https://github.com/你的GitHub用户名/你的GitHub用户名.github.io.git  #你的仓库地址
  branch: master

注意这里面每个冒号后都有空格：

其中，仓库地址要去你的仓库主页查看：

然后回到 Blog 文件夹中，打开 Git Bash，安装Git部署插件，输入命令：

npm install hexo-deployer-git --save

然后分别输入以下三条命令：

hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public
hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)（其实之前我们已经执行过一次hexo g生成了本地页面，但由于这里执行了hexo clean，所以要再执行一次。）
hexo d       #自动生成网站静态文件，并部署到设定的仓库(hexo deploy 的缩写)

注：每条命令执行后可能都跟着一长串的提示信息，只要检查一下没有ERROR或FATAL等错误关键字即可。


注：hexo d命令执行后可能都跟着一长串的提示信息，只要检查一下没有ERROR或FATAL等错误关键字即可。

完成以后，打开浏览器，输入https://xxx.github.io就可以打开你的网页了：

注：现在虽然可以访问我们的网站，但是网址是GitHub提供的http://xxxx.github.io，而如果我们想使用自己的个性化域名，就需要绑定我们自己购买域名、然后绑定了。