参照【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
,而如果我们想使用自己的个性化域名,就需要绑定我们自己购买域名、然后绑定了。