利用 GitHub Pages 搭建静态博客(2.准备工作)

Hexo博客框架的搭建

经过上一篇的介绍,大家应该对静态网站有了一定认识。话不多说,我们现在就开始自己动手准备自己的网站搭建吧。

和传统网站最大的区别,就是需要事先在本地生成好网站内容。虽然一些网站支持在线编译生成,如码云的Pages服务原Coding.net,现在的腾讯云开发者平台Pages服务,但还是建议在本地编译完成后将静态网站上传到Pages服务中。一方面这些服务稳定性不是很好,另外一方面,生成过程不可控因素较多,且更新速度较慢。
目前比较热门的静态网站系统有JekyllOctopress以及本次我采用的Hexo系统。
Hexo采用Node.js编写。它最主要的优势就在于编译迅速,并且支持全部的MarkDown语法。仅仅这两点,就已经足够吸引我去使用它了。
架构Hexo系统相对来说比较简单,主要分为以下几步:

1.Node.js的安装

Hexo系统架构于Node.js之上,所以我们的本机环境必不可少的就是Node.js了。想要安装Node.js非常简单,无论在Windows环境还是在Mac环境,Node.js均提供了安装包,只要按照安装向导一步步进行就可以轻松的将Node.js安装好。
Node.js安装

2.Git的安装

绝大部分的Hexo插件、模板(包括Hexo本身)都提供GitHub下载,因此Git也是必须要安装的一个软件。同Node.js一样,Git同样提供了安装包下载,依照向导提示即可安装好Git。
Git安装

3.安装Hexo

前两步的安装基本上所有人都可以理解,Hexo的安装如果之前没有接触过命令行的人可能就比较陌生了。Hexo安装程序是通过npm的包形式提供的,因此,无论Windows用户还是Mac用户,都需要打开命令行,输入以下指令进行安装。看下面动图就知道,这个过程其实也很简单,傻瓜化操作。

1
npm install -g hexo-cli

Hexo安装


好了,基本的环境已经安装好了,下一步,我们就要正式的开始建立我们的Hexo静态博客了。我们下次见!