GitHub+Hexo快速搭建个人博客

作为一个IT从业者，怎么能没有自己博客呢？虽然有很多平台可供使用，但总有太多的限制，有了自己的网站，就方便很多了。

通过hexo+github，搭建博客框架。

一、介绍

1.GitHub Pages

大家都知道，GitHub 是各种开源及私有软件项目的托管平台，目前已经拥有超过千万的开发者用户，使用 GitHub Pages 可以把我们托管到 GitHub 上的静态网站展示出来，而且还良心的给我们提供了一个免费的 HTTP 的 github 二级域名。我们通过 github 可以完全免费的享受从建站到 SSL 的全部服务，而且访问速度也不赖。要说明一点的是，只限纯静态网站（仅 html + css + js），对于写博客来说，已经完全够用了。

2.Hex

Hexo 是一个快速、简洁且高效的博客框架，使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页，然后发布到 github 中，即可在我们的网页中展示出来。

二、创建个人仓库存放网站资源

• 注册GitHub

• 登录后，点击New repository创建新仓库，仓库名为：用户名.github.io 这里的用户名必须用你的GitHub帐号名称，否则后面会报错。

三、操作步骤

1.安装node.js

• 到官网https://nodejs.org/,下载 Node.js 的安装包，根据自己的系统来选择；

• 下载后直接双击按提示安装即可，会自动安装好npm ，并配置好环境变量；

• 安装完成后，打开cmd命令行窗口，输入node -v和npm -v 检查是否安装成功。

2.安装并配置Git仓库

• 到官网https://git-scm.com/，下载 Git ，按提示安装即可；

• 在cmd命令行输入git version检查是否安装成功；

• 安装成功后，通过以下命令绑定GitHub帐号：

找到Git安装目录，打开Git Bash窗口，设置user.name和 user.email ：

git config --global user.name "你的 GitHub 用户名"
git config --global user.email "你的 GitHub 注册邮箱"

3.配置Git公钥

GitHub要求每次推送代码都是合法用户，所以每次推送都需要输入账号密码验证推送用户是否是合法用户，为了省去每次输入密码的步骤，采用 ssh 来实现。

在本地通过rsa非对称加密方式生成密钥对，然后把私钥放置在本地电脑，公钥放置在GitHub上，当你推送时，git就会匹配你的私钥跟GitHub上面的公钥是否配对，若匹配成功则认为你是合法用户，允许推送，不需要手动输入密码，这样可以保证每次的推送都是正确合法的。

• 本地生成 ssh 密钥文件：

ssh-keygen -t rsa -C "你的GitHub注册邮箱"，

然后连续三个回车之后，根据信息中的路径找到id_rsa.pub 密钥文件，复制其中全部内容；

• 打开 GitHub-->setting-->设置 SSH key 页面，点击 new SSH Key，把刚才复制的内容粘贴到文本框中，保存（title 可以随便写）；

• 在Git Bash窗口中输入ssh [email protected]，若出现类似下面信息，说明公钥设置成功：

4.安装Hexo

Hexo就是个人博客网站的框架，先在本地电脑创建一个文件夹，可以命名为Blog，用于存放Hexo框架的内容和之后发布的网页等资源。

• 进入创建好的Blog文件夹中，右击选择Git Bash here打开命令窗口；输入如下命令，使用 npm 安装Hexo ：npm install -g hexo-cli

• 检查安装完成：输入hexo -v

• 初始化hexo文件夹

在Blog文件夹中执行下面的命令（其中 blog 是存放具体网站信息的文件夹，名字可以自定义）：

• 新建文章在本地预览

hexo new test_blog   #新建一个文章

hexo g  #生成静态页面

hexo s  #启动服务器

在浏览器地址栏输入“http://localhost:4000/”打开页面，即可看到刚创建的页面：

5.将Git库与hexo连接起来

上面只是在本地预览，接下来要发布到GitHub上，就可以通过xxx.github.io的域名来访问。

• 修改blog目录下的站点配置文件 _config.yml ，在最后 deploy 部分补充如下信息：

deploy: 
type: git
repo: [email protected]:xxx/xxx.github.io.git
branch: master

其中 repo 要填入你之前在 GitHub 上创建的仓库的完整路径，保存文件。这一步其实是把Hexo与GitHub关联起来，使发布命令指向我们的GigHub仓库。

• 安装 Git 部署插件

在cmd命令行窗口中，输入如下命令：

npm install hexo-deployer-git --save

发布网站

在 blog 目录下，分别输入如下三条命令：

hexo clean  #清楚缓存
hexo g 
hexo d

• 然后在浏览器地址栏输入你的个人网站的仓库地址，即 http://xxxx.github.io，博客就可以访问了。