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

前言：

“工欲善其事，必先利其器”，在搭建个人博客的过程中，我深刻体会到这句话的含义。虽然早就决定了要搭建个人博客，但是我并没有草草动手，而是提前做了大量的调研工作，包括采用哪种博客系统、选择哪种主题、怎么购买并绑定个性域名等等。事实证明，正因为前期的充分准备，搭建过程才能按部就班地进行。下面先介绍为何选择GitHub
Pages和Hexo来搭建博客

准备

你需要准备好以下软件：

Node.js环境
Git

Windows

配置Node.js环境

下载Node.js安装文件：

Windows Installer 32-bit
Windows Installer 64-bit

根据自己的Windows版本选择相应的安装文件，要是不知道，就安装32-bit的吧- -。

如图所示：



保持默认设置即可，一路Next，安装很快就结束了。

然后我们检查一下是不是要求的组件都安装好了，同时按下

Win

和

R

，打开运行窗口：



在新打开的窗口中输入

cmd

，敲击回车，打开命令行界面。（下文将直接用

打开命令行

来表示以上操作，记住哦~）

在打开的命令行界面中，输入

node -v npm -v

如果结果如下图所示，则说明安装正确，可以进行下一步了，如果不正确，则需要回头检查自己的安装过程。

安装Hexo

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

1	npm install hexo -g

-g表示全局安装, npm默认为当前项目安装,npm在新版的node中就包含了，如过想验证之前安装node时候，是否npm安装成功，也是用验证版本号的方式，在dos命令窗口输入 npm -v.

等这个命令执行完后，我们在电脑的任意盘符新建一个文件夹，名字随意起，一般命名为Hexo,然后在新建的文件夹中邮件选git bash ，

依次

输入下面命令，安装Hexo.

123	hexo init hexo ghexo s

init 初始化hexo到你指定的目录

g 自动根据当前目录下文件,生成静态网页

server 运行本地服务

出现下面一行，说明本地服务运行成功。

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

接着在浏览器输入http://localhost:4000就可以看到效果。

本地服务退出方式为 ctrl + c 组合键。

在本地看到的样子应该是如下图。

使用GitHub Pages建立博客站点

注册GitHub

访问GitHub,注册十分简单，一定要记住注册时使用的邮箱，因为
GitHub 上很多通知都是通过邮箱的。如下图所示：




申请成功后，在GitHub官网上登录，并验证邮箱即可。

在GitHub上建立仓库

与 GitHub 建立好连接之后，就可以方便的使用它提供的 Pages 服务，GitHub Pages 分两种，一种是用你的GitHub用户名建立的username.github.io这样的用户&组织站点，另一种是依附项目的Pages。

想建立个人博客是用的第一种，形如username.github.io这样的可访问的站点，每个用户名下面只能建立一个。如下图所示：

创建本地ssh key

检验本地是否已存在key

桌面右键，选择git bash ，依次输入命令

123	cd ~cd .sshls

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

1	ssh-keygen -t rsa -C "your_email@mail.com"

引号中输入的是你的邮箱，这里会提示输入一个文件名来保存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 git@github.com 回车输入密码，会提示是否设置成功！

本地站点配置

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

1234	deploy: type: git repository: git@github.com:wljdev/wljdev.github.io.git branch: master

测试、提交到仓库

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

12	hexo ghexo s --debug

g 部署，s –debug 本地调试，现在本地测试没问题就可以提交到git仓库了,本地测试： http://0.0.0.0:4000/

不出意外，本地测试没有问题，下面就要提交到git了,依次输入命令如下

12	hexo ghexo d

在测试之前，一定别忘了执行这个方法：npm
install hexo-deployer-git --save

由于2.6以后就更新了，我们需要手动配置些东西，我们需要输入下面三行命令：
npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save
再次“------------”

hexo g

hexo d

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



然后测试就可以了！！！