GithubPages + Hexo 搭建博客

GitHubPages是什么？

GitHubPages 是 GitHub 公司为 github 上的工程提供的概览网页。如果将上传的工程比作一本书，那么 GitHubPages 可以看做书本的封面。做封面的目的很明确，就是为了使工程看起来美观和易读。

比如，我把搭建我的 Blog 网站的工程 fork 到自己的 github 上面，打开该工程的链接后，你看到的是如下效果：

眼前展示的是一堆代码，给人的第一感觉是抽象，继而是迷茫。但是如果我给它加上 GitHubPages ，打开后你会看到这样的效果：

是不是瞬间有种耳目一新、如浴春风的快感？因为我在副标题中给出了该工程的简介——一个简单的、能够在不同设备运行的 、基于 hexo 框架的主题。

作为封面仅仅算 GitHubPages 的一个使用场景，使用它还可以为工程封面指定自定义域名。更重要的是可以创建自己的静态  Blog 网站，这才是今天要说的重点。该 Blog 空间免费，基于 github 服务于程序猿的先天优势，简直不能太好用。

有什么限制？

1 GitHubPages 为每个工程提供的空间上限为 1GB，这样的空间用来搭建个人 Blog 网站，已经绰绰有余。

2 每月访问 GitHubPages 的带宽上限为 100GB。

3 GitHubPages 编译的频率低于每小时10次，完全满足个人  Blog 静态网页的要求。

如何使用？

1 找到 GitHubPages
GitHubPages 的入口可以从工程设置中找到，按照下面的操作步骤：1 点击工程设置按钮 Settings 。

2 下滑到 GitHub Pages 标题，能看到 GitHub Pages 的超链接。

3 下滑到底部，能看到官方对 Github Pages 上搭建 Blog 推荐的框架是 Jekyll 。

Jekyll 框架官方文档全部都是英文，没有阅读障碍的友人可以大胆选择。但是偷懒的我选择了更易读的汉化框架—— hexo 。

相信每一个开发者都拥有 github 账号。什么？没有？好吧，没有的也没关系，申请很简单。不要被全英文的网站所吓倒，反复几次过后你会发现——套路都一样。

接下来点开 github 网站，登录自己的账号，新建工程：

工程名称有严格的限制，具体命名要求可以在 官网文档 找到，有如下要求:

安装Hexo
安装步骤可以参照：hexo安装（https://hexo.io/zh-cn/docs/index.html）。

选取使用的主题
不同的主题，安装方式不同。我选择的是 BlueLake（https://github.com/chaooo/hexo-theme-BlueLake）。具体安装方式可以在各主题的 github 说明中看到。

个人推荐尽量选择排名靠前的主题样式。它们不仅意味着符合大众的审美，而且使用步骤往往在 github 上面写的足够详细。相信一句话——群众的眼光是雪亮的。

为工程配置域名

首先需要购买域名。推荐在国内的几大服务商处购买，它们还附带有解析、备案等一系列服务。我在阿里云购买的 .top 域名，售价 ¥2 大洋。

购买成功后，添加解析地址。各服务商的解析方式都差不多，下面以阿里云的域名解析为例：

添加 www 和不带 www 的两个解析地址。其中带 www 的域名解析到不带 www 的地址，不带 www 的域名解析到 username.github.io。这样可以让从两个地址的访问记录统一到我们的 github 上面的地址，有利于提高网站在 Google 和 Baidu 的排名。

配置项目。打开新建的 username.github.io 工程，在工程中新建文件，取名为 CNAME 。内容为自己要绑定的域名。

我填写域名的如下：

一切顺利的话，输入购买的域名，就能看到自己的 Blog 网站啦。快给自己点个赞吧。

发表新文章

在浏览器访问依据 GitHub 搭建的 Blog 网站文章，实际是访问一个静态网页。该网页内容可以依据 MarkDown 创建。书写的 Blog 文件需要存放到正确的位置。该位置的确定可以参照已经创建好的 hello 文件。比如我选择主题的 hello.md 文件，存放在 根目录/source/_posts/ 下。因此我只要在改目录下，ctrl + d 复制 hello.md ，然后修改文件标题就可以开始写 Blog 了。

不可缺少的能力

一篇令人赏心悦目的文章，少不了标题、插图。所以要求我们需要掌握以下两种 Blog 写作技能：

1  MarkDown 语法 。

MarkDown 语法是一种使用广泛的编辑文字语言，具有语法简单易上手、界面简洁上档次的优点，基本上已经作为网上文字编辑的通用语言了。

2 图片存放到云上。

如果将配图放在我们本身网站中，有两个缺点：

1 会造成网页空间迅速增大（别忘了空间上限为1GB）; 

 2 引用和管理不方便，缺少配图管理工具。

如果把图片全部放到云上面，然后在文章中以外部链接的方式引用，就能轻松解决上述两个缺点。易用并且带有图片资源外链生成功能的厂家，推荐国内的七牛云 。这里温馨提示一下：七牛云认证时需要身份认证。写好文字，配好图片，加上适当的排版美化，一篇热气腾腾、洋溢着成就感的文章就完成了。

然后使用 hexo 命令部署到服务器上：

hexo g -d

最后使用 Git 命令提交到远程仓库，大功告成！

不熟悉 hexo 命令的小伙伴，在终端使用 hexo help 命令，能够获得对 hexo 命令参数的详细解释，如下：

Commands:
 help     Get help on a command.
 init     Create a new Hexo folder.
 version  Display version information.
Global Options:
 --config  Specify config file instead of using _config.yml
 --cwd     Specify the CWD
 --debug   Display all verbose messages in the terminal
 --draft   Display draft posts
 --safe    Disable all plugins and scripts
 --silent  Hide output on console

这种学习方法对所有的终端命令都有效，包括 Git 在内。记住——这个武林绝招只传男，不传女。不然怎么能体现咱们程序猿们的一阵噼里啪啦的高深莫测呢？

步骤比较繁琐，但是顺利做完，我们对网站搭建会形成整体的认识。Blog 只是一个简单的网站，我们日常接触的企业网站比较复杂，需要不同节点专业人员的相互配合。比如，会有设计 UI 的 MM, 处理前端逻辑的程序猿，后台处理数据、提供服务的运维人员等，每一个步骤都有专业的人去处理。通过搭建 Blog 认识到这些，相信以后与别人有更默契的配合！