使用Hexo搭建自己的个人博客

一、环境搭建

1.1 安装node.js

1.1.1下载自己所需要的版本：

1.1.2检查是否安装成功：

在终端输入 npm -v 显示版本号则为安装成功

1.2 安装git

1.2.1下载自己所需要的版本，安装成功 鼠标右键会出现如图所示：

二、创建库

2.1注册gitbub账号

此处不做详细说明，自行注册即可。

2.2 建立仓库

2.2.1新建项目

新建一个名为你的用户名.github.io的仓库，例如，你的github用户名为user，就新建一个名为user.github.io的仓库，将来你的网站访问地址就为：http://user.github.io ，这样可以直接使用域名访问的仓库。

2.3 绑定域名（非必需）

2.3.1首先购买域名。

自行购买即可。

2.3.2解析域名。

在你的域名服务平台的控制台进行解析，设置两条记录，记录的类型都选择 CNAME，记录值都选择user.github.io，主机记录一条为空，另一条填写 www。

2.3.3设置pages

打开你的工程，点击 Settings：

然后找到 GitHub Pages 下的 Custom domain ，填写你的 www 域名，点击 save ，这时域名就可以访问到你的网站了。

2.3.4修复本地工程

GitHub工程里会出现一个CNAME文件里面写着你域名，见这个文件放到你的本地工程的所用主题下的source文件夹下。

2.4 配置SSH KEY

2.4.1鼠标右键git bash here

2.4.2创建SSH keys

输入命令：

ssh-keygen -t rsa -C "xxxxxxxx@xx.com"

2.4.3复制keys

进入生成的ssh目录 : C:\Users\Administrator\你电脑的用户名 .ssh 中, 打开 id_rsa.pub 文件, 将该文件中的内容复制

2.4.4将复制的内容粘进github

2.4.5测试是否成功

输入命令：

$ ssh -T git@github.com

如果提示Are you sure you want to continue connecting (yes/no)?，输入yes，然后会看到：
Hi ***! You’ve successfully authenticated, but GitHub does not provide shell access.
看到这个信息说明SSH已配置成功！

2.4.6还需配置：

$ git config --global user.name "***"	// 你的github用户名，非昵称
$ git config --global user.email  "xxx@xx.com"	// 填写你的github注册邮箱

三、 初始化工程

3.1 全局安装hexo

3.1.1全局安装hexo

打开终端输入命令：

npm install hexo-cli -g

3.1.2创建hexo项目

自行选择磁盘位置。
终端切换到这个目录，执行以下命令为：

$ hexo init gitblog  // 初始化项目 项目名称为gitblog
$ cd gitblog// 切换到gitblog目录下
$ npm install   // 这一步是安装所需的依赖
$ hexo g # 或者hexo generate  //生成静态文件
$ hexo s # 或者hexo server    //然后就可以在浏览器输入http://localhost:4000/ 就可以在本地查看初始化的项目了

3.2 下载并安装主题

3.2.1在F:/gitbolg/themes目录下打开终端，输入如下命令下载主题

git clone https://github.com/iissnan/hexo-theme-next.git

3.2.1配置主题

打开gitblog/_config.yml 文件
修改themes: next
其他配置可自行google.

四、文章写作

4.1新建文章

$ hexo new "first_article"

hexo/source/_post文件夹下创建一个名为first_article的markdown文件，会自动在文件开头添加

---
title: 标题
tags: 标签 
category: 分类
---

五、部署至github

5.1配置远程hexo与远程的连接

打开gitblog/_config.yml 文件,在最后：

5.2 在部署之前我们需要安装hexo-deployer-git：

npm install hexo-deployer-git --save

5.3 执行部署命令：

$ hexo g   //生成静态文件
$ hexo d  //部署上线 

5.4 在线访问

访问https:// username.github.io就是你的博客地址