GitHub + Hexo折腾笔记（上）

写在前面的话：我是一个不折腾就不会死星人。喜欢尝试一切新鲜的事物，崇尚极简风格，遵循KISS原则。使用Arch Linux工作环境。

概述

一直想做一个自己的独立博客，专注与记录一些学习心得读书感悟之类的东西，但一直找不到合适的方式去展示，最近心血来朝，看了一些帖子就想自己搭建一个个人博客。

做为一个入门级程序员，必须要逼迫自己学习Git这一神器，同时比较了几款Blog框架，最终选择了Hexo。原因很简单，这四个字母看着顺眼；还有一点是既然别人做出来了，而且还流行了起来，那么其一定有出色和值得使用的地方，并且人家的技术一定比我好。

闲话少说，一句话概括一下GitHub：一个开源的，强大的文件仓库，结合版本控制程序git，实现高效的知识分享（源代码的分享）。Hexo：基于Node.js开发的静态网页博客框架。特点是，简洁，方便，易管理。

折腾过程

1. Hexo 安装前的准备
   安装Hexo之前要确保计算机上已经安装好 Node.js 以及 Git 软件。这两个软件的安装方法不再赘述，自行查阅软件官方文档。英文水平不好的建议下个词典。

推荐一个极好用的翻译软件：Star-Dict：中文名叫星际译王。史上最好的翻译软件，没有之一。需要自行下载字典包。需要安装的小白请联系我询问安装方式。

2. 安装 Hexo

   $ npm install -g hexo-cli ```
   
   

3. 建立个人博客
   在本地电脑上建立要存放网站的文件夹，比如：建立一个blog文件夹。进入blog文件夹，并指定其为blog主文件夹。

   $ mkdir blog
   $ cd blog
   $ hexo init . 
   $ npm install ```
经过以上四步，基本工作就算完成了。接下来就可以生成网页博客内容了。

 $ hexo g # 或者hexo generate
 $ hexo s # 或者hexo server ```

生成的博客网页可以在 http://localhost:4000/ 查看。

4. 开始写文章
   Hexo支持使用 Markdown 工具进行文章内容创作。开始写文章前应先建立一个新的文档：

Markdown 是一款写作神器，使用少量的标记符号（# * - |）等对文章标题、结构进行说明，采用纯文本方式保存发布文档，极限聚焦写作过程，减少写作精力分散到格式排版之类的杂事中，推荐使用。

使用下面的命令进行新文档的建立：

$ hexo new "postName"  # 新建文章
$ hexo new page "pageName" #新建页面```
文档内容创作完成准备发布之前仍然要首先进行静态文件的生成，才可浏览新的文档。

$ hexo g # 或者hexo generate
$ hexo s # 或者hexo server ```

5. Blog的部署
   掌握了blog文档的建立之后，我们将此部署到远程服务端上，这时候就是GitHub大显身手的时候了。注册一个GitHub账户（这个过程和你注册微博账号或者其他社交账号的过程是类似的，不懂的请离开～）

简单重复介绍一下GitHub。我们要部署到服务器上其实主要是利用了GitHub Pages的功能，GitHub Pages 原本是用来介绍自己托管在GitHub的项目的，不过，由于他的空间免费稳定，所以我们就恬不知耻的用来做搭建一个博客了（其实使用GitHub搭建Blog似乎还引起了一些道德上的争论，而争论的本质是大家伙害怕因为如此行为导致GitHub不堪 ‘重负’ ，就此消失在程序猿的世界里;另一个层面也反馈出咱们大天朝在某些方面是在是落后的凄惨面貌）。

又扯远了，由于GitHub的每个帐号只能有一个仓库来存放个人主页，而且仓库的名字必须是 username/username.github.io，这是特殊的命名方式命名的。因此我们在账号申请注册完成后便可以（也只能必须）新建一个以用户名开头，.github.io 结尾(形如 username.githu.io )的主页项目，也称之为仓库。项目建立完成后，我们可以通过http://username.github.io 来访问我们的个人主页。

接下来就是最重要的时刻了，我门现在就准备把我们拿Hexo搭建好的blog部署到GiitHub Page 上了。
首先了解一下部署的基本原理：在注册完成后我们建立了一个仓库（repository：username.github.io）,其最大的特点就是该master中的html静态文件可以通过连接 http://username.github.io 直接访问。而前面我们提到，在使用Hexo建立blog时,命令 $ Hexo -g 会生成一个静态的网站，而这个静态的网站是可以直接访问的。同时，git程序可以将我们生成的静态网页直接提交到我们建立好的仓库中(repository：username.github.io)，这样我们便可以通过访问连接 http://username.github.io 来直接访问我们的静态网页（也就是我们的Blog），说道这里，是不是瞬间觉得有种很神奇的感觉弥漫开来？
明白了原理后，我们的工作就是把本地生成的静态网页文将推送到我们建立好的仓库中。
首先进行配置文件的修改，设置配置文件_config.xml 内容如下：

deploy:
  type: git
  repo: [email protected]:username/username.github.io.git
  branch: master ```
修改好配置文件后，运行以下命令进行部署：

hexo d ```

至此，我们的工作就算告一段落了～