GitHub Page+Hexo+nexT 搭建个人博客

长跑爱好者。

大概效果如下：

这是我搭建的个人博客https://www.zhihu.com/video/1032022096896868352

前言：为什么要搭建个人博客？

个人博客是个人持续性的日记或评论。博客经常不只是一个沟通的方法，它们成为了一种反映生活的方法或艺术创作。编写博客可以抒发感情，引起人们的共鸣。很少个人博客出名和成为主流，但一些个人博客很快就聚集了许多读者。个人博客作者一般注重博客的内容，即使他们的博客从来没有被除了自己以外的人阅读过。

博客的出现才是近几年的事情，如今各类博客平台已是相当的完善，对于许多人来说，搭建博客已然不是一个技术上的问题，有意愿的人，完全可以通过一些博客供应商拥有自己的个人博客，包括域名、服务器、后台管理等都无需操心，不过，这可能需要一笔不菲的经费。

搭建个人博客，完全是自己的意愿，但仔细想来，优点还是不少的。

首先，如果你是从事技术工作，那么我敢肯定，你一定会遇到很多问题，这些问题，你可能在Google或者百度等搜索引擎都可以查到答案，但是我想更多还是需要自己解决，为了保证下次遇到同样的问题的时候，不再需要浪费太多的时间去钻研，你就可以把问题和答案记录下来，也算是对自己经验知识的总结。当然了，如果你想提高你的艺术、摄影、音乐视频等作品的知名度，博客也许是个不错的途径。

其次我觉得可以把你对问题的解决思路通过个人博客分享出去，比如分享到博客园、CSDN、51CTO、开源中国等一些技术社区，这样，在既方便了自己，也帮助了他人。

还有一个就是可以由此建立自己的个人品牌。这个我感觉也很重要，在一个领域、一个圈子里面混了几年之后，越向上走，你会发现圈子越小，这个时候打造个人品牌就非常重要了，要让圈子里的人提起你的名字就要有印象，就需要提升自己的影响力，打造属于自己的个人品牌。

在决定要搭建博客之后，怎么搭建就有很多种选择了，如果稍微挑剔一点的话，在各大博客平台上收罗精美的模板，你会发现，这些模板大多数都有域名限制，而且存储空间有限，你要升级的话还要交费，这让人左右为难。所以，对于开发人员来说，自己搭搭建可以说是个很好的选择。在这里，我将介绍我当前博客的搭建方法：使用Github Page，基于Hexo框架，采用nexT模板。

什么是Hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。Hexo基于Node.js，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Heroku上，是搭建博客的首选框架。相信不少人对GitHub这个网站已经毫不陌生，没错，它就是全球最大的同性交友网站，又名GayHub。不过大家千万不要对它有误解，如果觉得会曲解“全球最大的同性交友网站”，那我可以提前告诉你，GitHub是程序员的Facebook，仅此而已。

安装

安装前提

安装 Hexo 相当简单。然而在安装前，还必须检查电脑中是否已安装下列应用程序：

-Node.js
-Git

如果已经安装上述必备程序，那么接下来只需要使用 npm 即可完成 Hexo 的安装。

$ npm install -g hexo-cli

如果电脑中尚未安装所需要的程序，请根据以下安装指示完成安装。

Mac 用户
在编译时可能会遇到问题，可以先到 App Store 安装 Xcode，Xcode 完成后，启动并进入 Preferences -> Download -> Command Line Tools -> Install 安装命令行工具。

安装 Git

Windows：下载并安装 git.

Mac：使用 Homebrew, MacPorts ：

brew install git

或下载安装程序安装。

Linux (Ubuntu, Debian)：

$ sudo apt-get install git-core

Linux (Fedora, Red Hat, CentOS)：

sudo yum install git-core

Windows 用户
由于众所周知的原因，从上面的链接下载git for windows最好挂上一个代理，否则下载速度十分缓慢。也可以参考这个页面，收录了存储于百度云的下载地址。

检查Git是否安装成功，在任意位置单击右键，如果出现“Git Bash Here”选项，那么说明Git已经安装成功。

安装 Node.js

安装 Node.js 的最佳方式是使用 nvm。

cURL:

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

安装完成后，重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable

或者也可以下载安装程序来安装。

Windows 用户
对于windows用户来说，建议使用安装程序进行安装。安装时，请勾选Add to PATH选项。
另外，也可以使用Git Bash，这是git for windows自带的一组程序，提供了Linux风格的shell，在该环境下，可以直接用上面提到的命令来安装Node.js。打开它的方法很简单，在任意位置单击右键，选择“Git Bash Here”即可。由于Hexo的很多操作都涉及到命令行，不妨可以考虑始终使用Git Bash来进行操作。

安装后，需要检测Node.js是否安装成功，在Windows系统下，按住Windows+R，输入cmd，回车，调用命令行窗口，在命令行中输入：

$ node -v

如果提示版本信息，那么安装成功。

安装 Hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

$ npm install -g hexo-cli

不过现在可以先不安装，我们还要将一切工作都准备就绪，好让搭建出来的博客更加完美。

开始搭建！

GitHub创建个人仓库
首先你要拥有一个Github账号，如果现在还没有，可以去注册一个。
登录到你的GitHub账号，点击GitHub中的New repository，创建一个新仓库，仓库名应该为：http://YourUserName.github.io，YourUserName务必使用你的GitHub帐号名称代替，这是固定写法，填错了会访问不了。比如我的仓库名为: http://seekincs.github.io。记得初始化README.md。如图所示。

将仓库设置为GitHub Page。

Git与GitHub帐号绑定
鼠标右击打开Git Bash，或者在菜单里搜索Git Bash打开，配置用户名和邮箱信息

git config --global user.name "user.name"
git config --global user.email "user.email"

user.name是你的GitHub用户名，user.email是GitHub绑定的邮箱，下同。
生成ssh密钥文件：

ssh-keygen -t rsa -C "user.email"

然后直接回车，密码不用设置。
任务完成之后，找到生成的.ssh的文件夹中的id_rsa.pub密钥，用记事本或其他应用打开，将里面的内容全部复制。

然后前往GitHub_Settings_keys 页面，new SSH Key。

Title为Key的名称。将刚刚复制的id_rsa.pub内容粘贴进去Key那个框，点击Add SSH key。
为了检查Key是否增加成功，也就是Git是否已经与GitHub相关联，同样，打开Git Bash，输入 ssh git@github.com，如图所示即为安装成功。

安装Hexo
在安装Hexo之前，需要在自己的电脑上创建一个文件夹，待安装的Hexo框架、生成的网页和你要发布的资料都要放置在这个文件夹中。在此之前可以在本地搭建服务器，虽然GitHub服务器在美国，但出于安全的考虑，将文件夹创建在本地服务器目录下不会有什么坏处。
开启Internet Information Service（如下图的步骤）

这样，IIS本地服务器就开启了！那么接下来就是创建工程文件夹了，打开C盘，找到inetpub文件夹下的wwwroot文件夹，在这个文件夹下建立个人博客的总目录。不妨命名为Blog。
打开浏览器，在地址栏输入：localhost/Blog/，回车。这时，你将会看到：

这是正常现象，只需要将文件夹设置为共享即可。
创建好后，进入文件夹中（这一步很重要，一定要在目标文件夹中打开命令行），按住shift键，右击鼠标，在文件夹中打开命令行。
然后使用npm命令安装Hexo，输入：

npm install -g hexo-cli

安装完成后，初始化我们的博客，输入：

hexo init blog

至此，Hexo已经安装好了，我们可以新建一篇博客来测试一下能否使用。
同样，在文件夹中打开命令行，输入：

hexo new hello_world

其中，hello_world是要创建的博文标题。
接下来生成指定的文件。输入：

hexo g
hexo s

完成后，在浏览器中输入：localhost:4000。你就可以看到你的第一篇博客。但是这篇博文没有内容，不过我们可以打开本地文件来编辑。尽管如此，到目前为止，你的个人博客网站只能在本地服务器运行，无法在其他地方看到。要想在大多数网站中打开博客网站，还需要将博客部署上GitHub。这样相当于将自己的网站发布出去，让更多的人看到。
我们现在就来做这件事情。
首先回到工程目录，区分两个文件，一个是站点配置文件，另一个是主题配置文件。直接位于总目录下的是站点配置文件，位于总目录的theme文件夹之下的是主题配置文件。具体可参考工程视图。