基于hexo搭建github的个人静态博客

如何利用github免费快速搭建个人静态博客

一.前言

搭建个人博客的念头由来已久，也一直考量了很多博客搭建的方案：一种就是自己购买服务器，利用现用的主流博客开源框架，一种就是利用github的免费500M的gitpage空间搭建静态博客，购买服务器的话搭建博客的主要方案有如WordPress，ZBlogPHP等等，主流博客开源框架大都是php，然后就是基于go，python，nodejs，ruby语言相对都比较少，然后java方案就更少的可怜了，这样从侧面印证了php是世界上最好的编程语言，所以我选择了利用github的免费空间加用基于nodejs语言的hexo方案搭建个人静态博客。

​ 那么如何利用github搭建个人博客呢？我会利用俩篇博文，从如何搭建到搭建以后如何使用都进行详细说明，其实基于hexo搭建静态博客的教程已经不少了，但是个人觉得没有一个是简单系统完整的说清楚的，官方文档也只是技术指导文档，没有搭建教程；市面上的搭建教程大都是教你跑起来就不管了，所以本着程序员开源精神的理念，我决定尽自己所能，整合一下教程，方便大家快速上手hexo。

二.搭建静态博客

1.下载nodejs

你需要访问：https://nodejs.org/en/download/ 网址，根据不同平台系统选择你需要的Node.js安装包。

Windows系统下载安装包(.msi)文件格式就行

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

然后就是一路next，install，finish常规操作就行，如果实在连安装软件的基础都没有可以看这条图文并茂的链接。

nodejs安装教程：https://www.runoob.com/nodejs/nodejs-install-setup.html

2.安装git

访问下载官网：https://gitforwindows.org/ 点击download，下载完成以后选择安装，也是一路next，install，finish常规操作即可，不会安装软件的也可以访问下面的详细教程。

git安装教程：https://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html

3.hexo的安装和启动

做到这里，前期准备工作已经完成，现在开始正式搭建个人博客，有木有很激动！在合适地方选择新建一个hexo文件夹，然后右键选择Git Bash Here。

然后在命令行输入： npm install hexo-cli -g 命令，如图所示，add 104 package in 77.155s，并且文件夹中也多了node_modules文件夹和package-lock.json文件就说明下载安装完成。

当然你也可以通过运行hexo -v检查一下是否安装成功，如果秩序命令返回版本信息也是安装成功了。

现在我们可以开始实例化一个我们本地的博客样本了，这次我们要新建一个空白文件夹，比如在E盘，新建空白hexo文件夹，并同样的用右键git bash here ，在命令行输入hexo init，等待hexo实例化完成返回如图所示提示。

如果成功返回start blogging with hexo说明，你已经完成了本次博客搭建，剩下来就是如何使用的问题了，你不用担心，使用相比安装其实要简单，所以到这里一百步已经走了九十步了。

​ 现在我们在命令行输入hexo s命令

然后打开浏览器输入localhost:4000即可看到我们实例化的静态博客了，是不是很简单。

hexo很棒的一点就是框架本身支持响应式布局，也就是说这一个静态博客用手机端访问也是可以显示正常的（电脑的谷歌浏览器快捷键F12可以切换到手机端模式）

教程到这里大家就已经学会了，任何安装搭建hexo静态博客了，我会在下面俩篇博客教大家如何使用hexo以及如何将hexo部署到github并绑定到个人域名，成为真正人人都能浏览到的静态博客站点，谢谢各位浏览，欢迎各位打赏支持和学习交流。
个人静态博客案例地址：http://zhangxuanming.com