一步步教你使用Hexo配合github搭建个人主页

---

前言

如今可谓是全民编程时代，生活在北上广这样的城市里，感觉每天遇见的每一个背电脑包的都像是个程序员，那么多程序员，如果自己没有什么优势的话，很快你就会被这个时代所抛弃，有一个自己的博客，记录自己工作中遇到的问题，总结自己的工作，不论是以后找工作，还是复习之前的知识，博客记录都是一种很好的方式，那你可能会说了，不是有csdn、开源中国、等等，可是这些都太普通了，作为程序员的我们，怎么能没有自己的博客呢。
那么我今天以我的个人博客搭建为例(http://www.wanglijun.vip) 教大家一步步搭建好自己的博客。

---

准备条件

• 你要有一台电脑
• git (本文以win系统为例)
• node.js
• Hexo
• github账号（作为域名的服务器）
• 域名（当然要申请一个有意义的域名，阿里云的必须要实名认证，我第一次就是因为没有实名，失败了）

---

安装git

git我们在win下没有命令端，所以我们要装两个软件，就是下面图片中的，大家可以去网上随便下载，这里就不提供下载链接了。

git安装软件

上面这两个软件的安装方式都是傻瓜式安装，一路下一步就行了，那么安装完我们怎么知道是否安装成功呢，在桌面任意位置，或者文件夹上鼠标右键，出现下图说明安装成功。

git安装成功图

---

安装node.js

node下载链接https://nodejs.org/en/download/, 至于下载哪一个不用担心，下图有，安装方式也是傻瓜式的安装，直接一路下一步就行，node体积很小，只有大概十兆左右。

node下载图片

我的是win10 64位系统，大家根据自己系统情况选择下载。那么安装完了我们怎么能验证node是否安装成功呢！别急，看下图

node安装成功图

win键 + R键，dos命令窗口输入node -v，出现node版本号说明我们node已经安装成功了。

---

安装Hexo

上面git node 都已经安装成功了，开始安装Hexo,Hexo的安装方式是使用命令行的形式，直接在桌面或者文件夹任意位置右键，选git bash ,在出现的窗口中输入下面命令。

npm install hexo -g 

-g表示全局安装, npm默认为当前项目安装,npm在新版的node中就包含了，如过想验证之前安装node时候，是否npm安装成功，也是用验证版本号的方式，在dos命令窗口输入 npm -v.
等这个命令执行完后，我们在电脑的任意盘符新建一个文件夹，名字随意起，一般命名为Hexo,然后在新建的文件夹中邮件选git bash ，依次输入下面命令，安装Hexo.

hexo init  
hexo g
hexo s

init 初始化hexo到你指定的目录
g 自动根据当前目录下文件,生成静态网页
server 运行本地服务
出现下面一行，说明本地服务运行成功。

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

接着在浏览器输入http://localhost:4000就可以看到效果。
本地服务退出方式为 ctrl + c 组合键。
在本地看到的样子应该是如下图。

hexo部署成功图，图片来源网络

好了，看到这个页面，就说明我们本地的静态页面已经创建成功了，接下来要做的就是创建github仓库
本地ssh链接github账号
域名绑定github仓库

---

创建github账号及仓库

git仓库

github账号用邮箱注册，网站：http://www.github.com， git仓库名字也是有一定规则的，假如你github账号名字为wljdev,那么你创建这个仓库的名字就必须是：wljdev.github.io,(很多教程博客里面会让你们再创建一个页面，我觉着这是完全没有必要的，因为这些页面是我们用hexo从本地上传的，如果这个时候创建页面是没有意义的，)，这个时候我们仓库是空的，记住是空的，里面什么都不要写。
仓库创建为下图就算结束

git仓库创建图，图片来源网络

创建本地ssh key

检验本地是否已存在key
桌面右键，选择git bash ，依次输入命令

cd ~
cd .ssh
ls

存在key的话都会显示id_rsa.pub和id_dsa.pub这两个文件没有key什么都不会显示

ssh-keygen -t rsa -C "[email protected]"

引号中输入的是你的邮箱，这里会提示输入一个文件名来保存ssh key也可以什么都不输入，使用默认的id_rsa.pub和id_dsa.pub回车之后需要输入两次密码：密码我们如果放心的话直接回车，就是没有密码，这样简单。

githu关联key

登录Github->Settings->SSH keys->Add SSH key
打开本地id_rsa.pub文件（注意：不是id_rsa文件），复制所有内容
将复制的内容粘贴到刚刚那个页面的key对应的文本框里面,title随便
最后输入：ssh -T [email protected] 回车输入密码，会提示是否设置成功！

本地站点配置

进入到本地创建的Hexo 文件夹中，打开Hexo目录下的_config.xml文件，用文本方式打开，直接拉到最下面找到，修改为如下样式

deploy: 
  type: git 
  repository: [email protected]:wljdev/wljdev.github.io.git  
  branch: master

测试、提交到仓库

还是右键选择git bash ,依次输入下面命令

hexo g
hexo s --debug

g 部署，s --debug 本地调试，现在本地测试没问题就可以提交到git仓库了,本地测试： http://0.0.0.0:4000/
不出意外，本地测试没有问题，下面就要提交到git了,依次输入命令如下

hexo g
hexo d

这个时候在浏览器中输入： http://wljdev.github.io 就可以访问到本地站点了，和本地测试是一样的。

---

git绑定域名

接着在本地Hexo的文件夹中的source文件夹中创一个文件名为 CNAME 记住没有任何后缀，里面内容就写你的域名，比我的的域名为 www.wanglijun.vip 就这样，没别的内容。（这里我再说下，网上有别的博客说在git仓库中创建一个CNAME的文件，然后再下载到本地拷贝到source文件夹中，这种方式不是不可以，只是不觉得麻烦吗，直接在本地创建，提交上去就完事了。）
进入到自己买的域名网站的管理平台，如下我的事阿里云域名，直接按照如图所示更改即可。
修改完后记得启动，基本上就算搭建完成了，这时候直接在浏览器中输入http://www.wanglijun.vip 就可以访问我的网站了,有时候可能要等一会才行。

域名地址绑定图

---

那么，到此git + Hexo + 域名绑定 算是完成了，关于Hexo主题设置，页面优化还有很多，以后再给大家慢慢更新。

*** 个人主页：http://www.wanglijun.vip***
*** csdn主页：http://blog.csdn.net/mynamelijun***
*** 主页：http://www.jianshu.com/users/b6cc5e05848d/latest_articles***