利用github+hexo搭建自己的博客

一. 配置Node.js环境

1. 下载node.js安装文件（根据自己的windows版本）：
   Windows Installer 64-bit
2. 除了安装目录其他按默认安装即可。
   　
   　
   　
   　
3. 检查组件是否已安装好：打开命令窗口，并输入：
   　
　node -v
　npm -v
　
   　

配置git环境

1. 下载git安装文件：
   Git-2.6.3-64-bit.exe

2. 安装
   大部分保持默认即可。
   

   

3. 检查版本

git --version

三. github账号的注册与配置

1. 注册github账号，并确认注册邮件
2. 创建代码库
   登陆之后，点击页面右上角的加号，选择New repository：
   

进入代码库创建页面：

在Repository name下填写yourname.github.io，Description (optional)下填写一些简单的描述（不写也没有关系），如图所示：

1. 打开settings，有一个Github Pages 的设置，点击 source 中的本来的 None ，使其变成 master 分支，也就是作为部署github pages 的分支，然后点击 save。页面刷新之后，再看 github pages 设置框处，多了一行网址，就是你的 github pages 的网址了。如果你的配置没有问题，那么大约15分钟之后，yourname.github.io这个网址就可以正常访问了~ 如果yourname.github.io已经可以正常访问了，那么Github一侧的配置已经全部结束了。
   

原理：
　　在github上搭建博客，博客分为两部分东西：本地的hexo和github上仓库。工作模式是这样的：
- 在本地通过hexo new来生成md文件（所有文章的md文件都在source/_post/下）
- 然后编辑md文件
- 然后hexo g渲染出html文件
- 最后hexo d来部署文章到github仓库
- 这样就会有个问题，如果哪天换电脑了，本地的hexo文件就没有了，所有文章的md文件也没有了。解决这个问题最笨的方法就是时刻备份本地的hexo的一堆文件，换电脑了，就把这堆文件拷到新电脑上，然后就可以继续写文章，发布文章了。但是这个方法极不方便，另外一个很高明的方法就是把本地这一堆hexo文件也放在github上。

　　在github上建仓库yourname.github.io，为youname.github.io建立一个分支hexo用来存放hexo的文件，master分支用来存放发布的文章，并设hexo为默认分支，好像空仓库没法建立分支，可以先随便写入一个文件(reaxdme.md)，然后就可以创建分支，设立默认分支了。

三. 安装hexo

1. 将仓库克隆到本地。
2. git clone yourname.github.io仓库到本地，当前在hexo分支。
3. 查看当前分支

git branch

4.执行

npm install hexo-cli
hexo init (注意，不要轻易执行)
npm install 
npm install hexo-deployer-git
npm install hexo-deployer-git --save

等命令安装hexo（注意:hexo init会清空当前目录，所以本地的.git目录就被删除了，所以要提前备份.git目录，但.git目录可能是一个隐藏文件，所有要在本地克隆下来的仓库中显示并先将.git文件夹复制出来，hexo init后再把.git目录恢复到yourname.github.io）

四. 配置hexo，安装配置主题等

1、Hexo的配置文件是位于vickyleexy.github.io文件夹下的_config.yml文件。
修改配置文件请使用Notepad++或者Sublime Text 2之类的程序，不要使用Windows自带的记事本。修改如下：

deploy:
  type: git
  repository: https://github.com/vickyleexy/vickyleexy.github.io.git
  branch: master

2、配置用户信息：

$ git config --global user.name "vickyleexy"
$ git config --global user.email vickyleexy@163.com

3、 执行

hexo g         #generate 生成静态文件
hexo d         #deploy 部署网站.部署网站前,需要预先生成静态文件
hexo s         #server 启动服务器

五. 提交文件

git add .
git commit
git push origin hexo

提交该分支的文件到github上yourname.github.io仓库的hexo分支。.gitignore文件一般会由hexo自动生成，如果没有这个文件，可以手动添加，内容如下:

.DS_Store
Thumbs.db
db.json
*.log
node_modules/
public/

但在window下无法通过 右键=>新建 命令来创建以点开头的文件和文件夹 比如.gitignore，会提示必须输入文件名。
所以要通过命令行创建文件：

type NUL > .gitignore

这样就可以了，以后换电脑了，在新电脑上执行下2,3,4,5步就行了（注意：千万不要再执行hexo init了）

六. 购买并解析域名

1. 购买
   我是在godaddy上买的，可以到网上搜个优惠码，先注册一下的话邮箱里也会收到一个折扣30%的优惠码。
2. 解析域名
   打开命令行，ping一下你的github.io的网站，能看到一个ip地址；
   在godaddy网站上找到买的域名的dns管理器，将类型A中的指向改为上一步ping到的ip地址，其他保持不变即可。（注意，我的域名是×××.com，若域名为www.×××.com,则还需要将主机名称改为www）

七. 选择主题

官方主题：https://hexo.io/themes/

八. 发布文章

发布文章的流程
这种方式下，每次写完文章后，要把hexo的内容同步到github

hexo new 'topic' # 生成topic.md

编写文章

git add .
git commit -m "更改tip"
git push origin hexo

把新写的文章同步到仓库，平时对hexo进行的配置也需要这样同步一下

hexo g
hexo clean
hexo d

来发布文章

参考：
在github上搭建个人博客（进阶）
使用hexo+github搭建免费个人博客详细教程
Github Page—- 搭建个人博客网站
手把手教你用Hexo+Github 搭建属于自己的博客