GithubPages+Hexo搭建个人博客

如果是有个人服务器的话，建议选择WP（wordpress）搭建个人博客，可以参考这篇文章VPS+LNMP+WordPress搭建个人网站。没有的话，Hexo确实是一个很好的选择，一来简洁大方，十分优雅，二来能够自己折腾，可以设计的地方很多。
好，话不多说，接下来详细介绍我搭建个人博客的过程。
我的GithubPages+Hexo博客
欢迎访问我的Hexo博客

安装环境

win10企业版 64位
Node.js v8.9.3
Git version2.15.0

相关步骤

• 安装Node.js

步骤1、到Node.js官方网址下载对应版本

一般我们下载最新的LTS（长期支持）版本即可，本教程以Version8.9.3对应的msi64bit安装为例，其他版本类似
步骤2、双击下载的安装包将出现如下界面：

步骤3、一路点击next即可，注意选择安装路径，这个看个人喜好，我一般软件安装在D盘，我这里选择的安装路径是D:\nodejs
步骤4、检查是否安装成功
win+R快捷键输入cmd

输入 node -v 

输入时注意中间的空格

即可显示安装的Node.js版本

• 安装Git

步骤1、到官方网址下载对应的版本
Git各平台下载地址：https://git-scm.com/download
Windows平台Git下载地址：https://git-scm.com/download/win
安装过程不需要多说什么，一路下一步即可。安装成功后在桌面或文件夹中点击鼠标右键可以看到Git Bash Here选项。
步骤2、检查Git版本

输入 git --version

输入注意是双-

• GitHubPages配置

步骤1、进入GitHub官网https://github.com/注册账号，具体注册这里不再赘述。
步骤2、新建项目

注意这里的Repository名字格式一定是账户名.github,io
比如我的就是：yabosun.github.io
在建好的项目右侧有Settings

向下拉可看到GitHub Pages

点击对应的网址你会发现该项目已经被部署到网络上，你可以通过外网来访问它。

• 安装Hexo

在自己认为合适的地方创建一个文件夹，用来存放之后博客的文档以及配置文件，我是在F盘新建了文件夹，并命名为BlogWorkspace。
然后点击进入创建的文件夹，点击鼠标右键选择Git Bash Here

输入 npm install hexo -g 开始安装Hexo

这个过程需要几分钟时间不等，看个人网络状况。
安装完成后，检查是否安装成功

输入 hexo -v

输入 hexo init

初始化该文件夹，这个过程也有点漫长需要等待几分钟，最后出现Start blogging with Hexo！是不是很激动！！！

输入 npm install

开始安装所需要的组件

输入 hexo g

首次体验Hexo

输入 hexo s

可以开启本地服务器

点击http://localhost:4000/ 可以正式体验hexo，出现Hexo的界面就表示安装成功了

• Hexo连接GithubPages

将Hexo与GithubPages联系起来，首次运行的话这里需要设置Git的user name和email
ctrl+C结束之前的sever

输入 git config --global user.name "yabosun"

这里的username为你自己的GitHub用户名

输入 git config --g global user.email "yabosun@163.com"

这里user.email为你GitHub账户绑定的邮箱

输入 cd ~/.ssh

检查是否有.ssh文件

输入 ssh-keygen -t rsa -C "yabosun@163.com"

连续回车生成密钥

输入 eval "$(ssh-agent -s)"

添加密钥到ssh-agent

输入 ssh-add ~/.ssh/id_rsa

添加生成的SSH key到ssh-agent

登陆Github，点击头像下的settings，添加ssh

新建一个ssh

将C:\Users\yabosun.ssh路径下（这里要对应自己电脑的路径）的 id_rsa.pub文件中的内容复制到key

输入ssh -T git@github.com

注意这里的不用改名称。

• 配置Deploy

在你的博客所在文件夹根目录，例如我的是在F:\BlogWorkspace

找到_config.yml文件，点击编辑，我是用的SublimeText3打开的

这里需要注意的是格式一定是：后跟一个空格，名称对应自己的GitHub项目名称

到这里基本上博客已经搭建成功

输入 npm install hexo-deployer-git --save

安装扩展
使用MarkDown编辑器编写号文章，

输入 hexo n "title"

这里的title是你文章的标题

输入 hexo g -d

即可生成并部署到GitHub服务器上，部署成功后访问你的地址：http://用户名.github.io，即可看到你文章的界面。

参考

使用Hexo+Github一步步搭建自己的博客
Node.js安装配置