使用hexo+yilia+github搭建个人博客

本人搭建博客地址: http://www.janszeng.top/

经过几天的折腾，终于配成功了，现记录如下，本人是在win7上搭建个人博客的。

直奔主题，搭建个人博客主要分为以下几步:
* 先查看效果(本人搭建的博客)
* 本地环境搭建(win7)
* 安装hexo
* 主题切换
* SSH配置
* 域名配置
* 鸣谢

没错就这上面几步，就能使我们拥有自己的博客网站，帅不帅？酷不酷？

---

0x01 本地环境搭建(win7)

• git安装(因为hexo发布是使用git发布的)
• 安Node.js(因为hexo是基于Node.js)

git安装 (git官网)

• windows 进入官网下载最新版安装(下面本人的版本)

$ git version
git version 2.7.2.windows.1

• Ubuntu下安装git 参考,猛点这里
• Centos下安装git 参考,猛点这里

Node.js 安装(Node官网)

值得注意的是，node.js的版本必须6.0以上,出现以下信息就证明安装成功了

node -v
v6.11.2

0x02 安装hexo

在安装hexo之前，先介绍hexo常用的几个命令

hexo g #完整命令为hexo generate,生成静态文件
hexo s #完整命令为hexo server,启动服务器,本地可以测试
hexo d #完整命令为hexo deploy,将本地编译好的静态文件发布到github上
hexo n #完整命令为hexo new,新建一篇文章
hexo clean #清除当前项目的静态文件

输入以下命令安装hexo:

npm install -g hexo

完成后，根据自己的爱好，在硬盘（如：D)上新建一个hexo的目录，然后在该目录依次执行以下命令

hexo init
npm install（用于安装依赖包）

执行完成后，输入以下命令，然后通过访问:http://localhost:4000，来访问，一个本地博客就可以看到了，值得注意的是，默认主题是landscape，如需要变主题，得自己手动修改。

hexo g
hexo s

0x03 主题切换

本人的主题是 yilia这个主题, hexo-theme-yilia地址,在当前项目页,输入以下命令:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

等待完成，然后:

cd themes
ls -l

会发现多了一个yilia的目录,然后回到上层,使用sublime或者editplus或者其他文本编辑工具，修改hexo目前下的_config.yml,找到theme项,theme后面的内容修改为yilia,如下:

pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yilia

# Deployment
## Docs: https://hexo.io/docs/deployment.html
#coding: git@git.coding.net:JansZeng/hexoblog.git,master

然后，重新编译，启动：

hexo clean
hexo g
hexo s

访问http://localhost:4000,这时看到的页面是不是不一样了?此时，hexo的安装及主题修改已经完成了.是不是很酷?

0x04 SSH配置

• 登录git
• 点击new 创建一个项目,填写后面的名字的时候，需要注意，名称必须为 你的github有户名.github.io,这个一定不能出错,然后点击Create repository,这样创建了一个空项目
• 接下来配置SSH,执行下列命令

ssh-keygen -t rsa -C "zxxj157391@163.com"  

连续按三次回车，会在 C:\Users\Administrator.ssh 有三个文件，打开id_rsa.pub文件，copy文件中的内容
* 点击Settings
* 点击 SSH and GPG Keys
* 点击 New SSH Key
* 将copy的内容copy到 Key 方框中
* 点击 Add SSH Key
* 打开hexo目录下的_config.yml,找到deploy:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
#coding: git@git.coding.net:JansZeng/hexoblog.git,master
deploy:
  type: git
  #repository: https://github.com:JansZeng/janszeng.github.io.git
  repo:
    github: git@github.com:JansZeng/janszeng.github.io.git,master

• 保存后，重新编译，启动：

hexo clean
hexo g
hexo d

如果出现:

ERROR Deployer not found: git

执行以下命令:

npm install hexo-deployer-git --save

然后在执行:

hexo d

成功话在浏览器输入:http://janszeng.github.io,这样的话，SSH配置完成了

0x05 域名配置

• 去阿里云购买这自己域名(如： janszeng.top)
• 进入阿里云后，配置域名解析(域名 –> 解析 –> 添加解析)
• 在你上述创建的git地址,创建一个名称为CNAME的文件，内容为你购买的域名,如下：

www.janszeng.top

• 将工程下载到本地，将CNAME文件拖到hexo\source目录下,
• 保存后，重新编译，启动：

hexo clean
hexo g
hexo d

0x06 鸣谢

• litten hexo-theme-yilia
• 沸沸腾 的使用github+Hexo人人都能拥有一个美美的博客
• 嘟嘟独立博客 hexo系列文章
• JansZeng技术博客 使用hexo+yilia+github搭建个人博客