临夜写稿，将一直规划很久迟迟没有动笔的这一系列落实，也为今日清晨就要举办的前端社区活动做干货分享准备。我的这个学习模型，每当有一个技术主题出现，常常伴随着以下几个

• 线上社区宣传主题
• 博客写作
• 加班加点的制作相关 ppt
• 微信订阅号的文章推送配合并群发宣传

每一次的技术分享都走遍了所有流程，回首看来，着实挺累，但也还算值得。

这一系列便来讲讲 Github Pages+ Hexo 搭建专属静态博客站点。

1 博客与静态博客？

正如我之前的这篇文章 《如何写一篇优质的博客》 画图所示，网络博客在短短的几十年间得到了巨大的普及，传递着每一个故事。博客有一个最忠实的群体，那就是发明他们的人：程序员，或者叫做极客、黑客和软件工程师更能生动的形容他们对新技术的激情。

写博客的好处是我们用博客表达自己、升华自己。在我们学会写博客的同时还能提升我们的演讲、辩论能力。写博客的前期准备便需要我们能够对自己、对博客主题进行明确的定位以及对博客叙述的把控，达到最好的效果。

Weblog = Web + Log;

那静态博客是什么？通俗来讲，静态博客站点便是没有数据库没有后台交互的纯前台博客站点，哪怕是评论系统也是由第三方提供数据支持。静态博客站点常常作为 HTML 页面出现，可用博客制作器制作，Hexo 便是其中之一。相比有数据库有后台交互的动态博客站点来说，静态博客站点有如下好处：

• 省钱。静态网站占用的系统资源少。如果挂到github pages上，只要注册一个域名就可以了。

• 速度快。不经过php解析器，不用数据库，速度自然比动态网站快
• 安全。由于静态网站的简洁，免疫很多web攻击方式。
• 服务器端配置简单。只需要一个web server（apache、nginx）。
• 非常容易维护。

Git、Github 和 Github Pages？

Git 是一个版本控制系统，可以用来随着时间变化跟踪一个项目中文件的改变。Git 代表性的功能就是记录文件有什么改变、谁做出的改、改变者对这次改变做出了怎样的阐述和说明等。Git 主要被各类软件开发项目所使用。

如下图所示，每一个文件代表着一次“保存”，没有了 Git，你就不能随意退回到曾经的某次修改之中。

有了 Git，改变将是多方向的，每一次修改都会得到保存，每一个保存都可以引发新的时间线，版本回退、分支管理、协作开发等功能都有了发展条件。

--everything-is-local

在基于 G