使用Github Pages和Hexo搭建独立博客

作为程序员，很多人都拥有自己独立的博客，会记录自己遇到的各种技术问题，以及知识体系的整理。有各种方法可以拥有自己独立的博客，这里实验楼教你利用 github page 的特性来部署由 Hexo 框架渲染生成的静态博客。并且为博客添加插件以实现评论、七牛实现图床等功能。

最终效果如下：

此处输入图片的描述

此处输入图片的描述

此处输入图片的描述

开发步骤

开发步骤其实很简单，就两步：

• 安装 Node.js 与 Git；
• 搭建博客；

1)安装 Node.js 与 Git

可以通过以下命令下载：

$ sudo apt-get install nodejs
$ sudo apt-get install npm

nrm 是 npm 的资源管理器，借助各个工具可以方便快捷地对 npm 的源进行管理。另外，由于国内网络环境原因在使用 npm 默认下载源的时候不仅速度非常慢而且常常会超时，因此这里还手动指定了从淘宝源下载。

$ sudo npm install nrm -g --registry https://registry.npm.taobao.org

接下来就可以使用 nrm 对 npm 的资源进行管理了，通过 nrm 我们将 npm 的默认下载源设置为淘宝源。

$ nrm use taobao

此处输入图片的描述

接下来就可以使用 npm 下载 Hexo 了。

$ sudo npm install hexo-cli -g

2) 安装 Git 客户端

注册了 github 账户之后可以通过以下命令安装

$ sudo apt-get install git

然后为本地 git 配置全局的 user 与 email 参数。

$ git config --global user.name "your github account name"
$ git config --global user.email "your github account email"

为了在后续操作中我们能将本地仓库的代码推送至 github 的仓库上，我们需要在本地生成 SSH 秘钥，并将公钥保存到 github 账户信息中，这样我们在本地提交的时候 github 就能通过本地的私钥与公钥进行校验。

$ ssh-keygen -t rsa -C "your github account email"

生成密钥的过程中会有些提示要求输入，我们一路回车下去即可。

此处输入图片的描述

然后我们发现在 /home/shiyanlou/.ssh/ 目录底下生成了两个文件，其中id_rsa 是私钥，id_rsa.pub 是公钥。(这里默认使用实验楼在线开发环境，如果你是本地环境的话，大同小异)

此处输入图片的描述

我们只需要把公钥的内容提交给 github 即可。

操作如下图，先进入 setting 界面，选择 SSH and GPG keys ，点击 New SSH key ，在展开的窗口中填写密钥信息，title 可以随意起方便自己管理即可，key 那一栏则把刚刚生成的 id_rsa.pub 的内容复制进去。最后点击按钮添加。

此处输入图片的描述

搭建博客

使用 Hexo 搭建博客的具体流程和步骤如下：

• 模块介绍；
• 主题配置；
• 文章创建；
• 创建标签页与分类页；
• 实现评论；
• 评论显示博主标志；
• 打赏功能；
• 七牛实现图床；
• 部署到github page;

具体的开发详解，以及代码详解，点击【使用Github Pages和Hexo搭建独立博客】即可查看了~