一.前言
搭建个人博客的念头由来已久，也一直考量了很多博客搭建的方案：一种就是自己购买服务器，利用现用的主流博客开源框架，一种就是利用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并绑定到个人域名，成为真正人人都能浏览到的静态博客站点，谢谢各位浏览，欢迎各位打赏支持和学习交流。
网友评论