利用github和hexo一步步生成个人博客（1）---环境搭建

最近在建自己的博客，经历了租用虚拟主机、vps使用wrodpress之后,最近听说使用github page很不错，github page本身免费为开发者托管静态页面，用来发表静态博客再合适不过。还有一点是静态博客快而且省事，在诸多静态博客里hexo使用很便捷，所以本着no zuo no die 的原则，决定把博客迁移到github 并且使用hexo。下面一步步介绍我的过程：

一、安装github

相信对于开发人员安装git是很正常的，关于github的使用我也不过多介绍了，下载github安装包，然后安装。安装好以后先进行以下的初始化：
在合适的地方点击鼠标右键选择“git bash here”然后会出来命令行工具。

1 设置基本信息

设置git的user name和email：

$ git config –global user.name “lpnpcs”
$ git config –global user.email “lpnpcs@gmail.com”

2 生成SSH密钥

2.1 查看是否已经有了ssh密钥：cd ~/.ssh
如果没有密钥则不会有此文件夹，有则备份删除

2.2生成密钥：
$ ssh-keygen -t rsa -C“lpnpcs@gmail.com”
会提示你是否设置密码 自行选择，直接回车就是不设置。

Your identification has been saved in /c/Users/lpnpcs/.ssh/id_rsa
Your public key has been saved in /c/Users/lpnpcs/.ssh/id_rsa.pub.
The key fingerprint is:
………………

最后得到了两个文件：id_rsa和id_rsa.pub

2.3.添加密钥到ssh：ssh-add 文件名
需要之前输入密码。

2.4.在github上添加ssh密钥，这要添加的是“id_rsa.pub”里面的公钥。
打开https://github.com/ ，登陆你的用户名，然后添加ssh。在这里打开你的id_rsa.pub文件复制里面的内容直接粘贴到github里面。然后就ok了。

2.5.测试：ssh git@github.com
我的测试结果：
The authenticity of host ‘github.com (192.30.252.129)’ can’t be established.
RSA key fingerprint is SHA256:nThbg6kXUpJWGl7E1IGOCspRomTxdCARLviKw6E5SY8.
Are you sure you want to continue connecting (yes/no)? yes
Warning: Permanently added ‘github.com,192.30.252.129’ (RSA) to the list of known hosts.
Hi lpnpcs! You’ve successfully authenticated, but GitHub does not provide shell access.
当你看到successfully 就可以了。

二、安装hexo

1 安装nodejs

hexo安装需要先安装nodejs，在官网下载安装。
安装完成后添加Path环境变量，使npm命令生效。新版已经会自动配置Path

;C:\Program Files\nodejs\node_modules\npm

可以在命令行工具里直接输入npm实验是否需要配置

2 安装hexo

安装hexo可以直接在gitbash工具里，输入npm命令即可安装

npm install hexo-cli -g
npm install hexo –save
如果命令无法运行，可以尝试更换taobao的npm源
npm install -g cnpm –registry=https://registry.npm.taobao.org

3 hexo初始配置

安装完成后，根据自己喜好建立目录（如d:/hexo），在对应目录下打开github bash执行以下指令

hexo init

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init

安装依赖包

$ npm install

新建完成后，指定文件夹的目录如下
.
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes

4 本地查看

现在我们已经搭建起本地的hexo博客了，执行以下命令，然后到浏览器输入localhost:4000看看。

hexo generate
hexo server

hexo现在支持更加简单的命令格式了，比如：

hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new

三、在github上搭建博客

1 创建repository

在自己Github主页右下角，创建一个新的repository。比如我的Github账号是lpnpcs，那么我应该创建的repository名字应该是lpnpcs.github.io。

2 部署

编辑_config.yml。你在部署时，要把下面的lpnpcs都换成你的账号名。

deploy:
type: git
repo: https://github.com/lpnpcs/lpnpcs.github.io.git
branch: master

这里有两点要注意的 1：yml语言语法要求很严格，首先在比如 “type：”后面要先加一个空格
2：在hexo3.0版本以后语法有变化 type变成了git 之前的教程都是 “github”这个要注意

执行下列指令即可完成部署

hexo generate
hexo deploy

至此 我们在浏览器输入lpnpcs.github.io就能进入我们的博客了是不是相当炫酷。

四、绑定我们自己的域名

1 如果我们自己的域名也可以绑定自己的域名，在你的域名购买的地方加入dns解析记录。
比如我自己是在万网申请的域名lpnpcs.com我要加上如下的记录：设置主机记录@，类型A，到IP 192.30.252.153。这个ip是github page给我们提供的ip。
2 然后我们需要在github项目中，新建一个文件CNAME，文件中写出你要绑定的域名lpnpcs.com。通过浏览器，访问http://lpnpcs.com，就打开了我们建好的博客站点。
3 我现在用的是二级域名访问方法：
设置主机记录github，类型A，到IP 199.27.76.133
设置主机记录lpnpcs.github.io，类型CNAME，到github.lpnpcs.com.
设置主机记录blog，类型CNAME，到 lpnpcs.github.io
这样我就能通过blog.lpnpcs.com 访问到我的博客了。别忘了这样在CNAME里要修改成自己的新网址blog.lpnpcs.com.

以上就是我们基本建立自己博客环境的第一步。下面会介绍一些我自己遇到的编辑的技巧和问题。