使用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.gitrepo: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搭建个人博客