hexo+github搭建自己的技术博客

很多人都想搭建自己的技术博客，但是奈何技术有限，服务器不熟、域名解析等等，一大堆东西会搞得自己头昏脑涨，也会因此失去兴趣。
当时也是费了半天功夫才搭建好，在这篇文章中会详细记录自己搭建的整个流程，尽量避免入坑吧，但要是真是你自己给自己挖坑那就没办法了。
搭建的时候也是看着别人的教程一点点跟进，但是都有缺陷。比如分支的创建，和私人域名的解析，有这方面的教程但是都不是太完善，有些只是教你搭建但是后期没有考虑换电脑，换环境的情况。包括后期维护等等。
优点
1、不需要服务器，github免费提供的托管服务
2、不需要域名，github同样提供了一个.io的域名
3、不用自己写xml、hexo提供了很多开源的博客模板。
4、便于维护更新，换风格直接换模板就行。

1、开始
1.1、环境的搭建
a)安装node.js
下载地址：https://nodejs.org/en/download/
选择需要的版本下载，分别是32位和64位。下载后安装一直默认下一步就行。（傻瓜式安装）
b)安装git
下载地址：https://git-scm.com/downloads
打开cmd命令行(win+r 输入cmd回车)分别执行

node -v
npm -v
git --version

可以看到对应的版本信息如下：

如果都可以成功运行出现版本信息证明安装成功。

c) 安装Hexo
因为hexo需要使用node.js的npm命令,所以一定要按步骤操作（顺序问题）
打开cmd命令行(win+r 输入cmd回车)分别执行

npm install hexo-cli -g

等待自动安装完成输入，输入：

hexo -v

检查是否安装成功
到这一步如果所有都安装成功，并测试无问题，那么本地配置已经搞定，下面开始在github上建项目了。

2、在github上创建并设置远程库
注册登录略过，不会的请自行百度。
登录后点击“+”号，选择New repository，下一步
在Repository name下面填写你要创建的地址，这个地址是就是你的域名，以github.io结尾。
按照提示一步步完成创建。
创建之后，点击setting设置远程库：
找到GitHub Pages点击change theme选个主题select theme设置模板
等待github pages创建完成，然后输入你创建的地址测试github pager是否创建成功。此时页面是空的没有任何东西。就只有一个模板的视图：

下面要做的就是使用hexo模板将源码放到github。
3、hexo->github
创建一个文件夹用于存放hexo。然后右键该文件夹使用

git bash here

命令就可以直接定位到当前目录。
然后把github上的项目克隆下来

git clone https://github.com/MarksMeng/MarksMeng.github.io.git

接着使用cd定位到克隆下来的目录

cd MarksMeng.github.io

然后开始安装相关工具

npm install hexo --save

初始化hexo基础配置文件。初始化时间比较长，不用急，等完成后输入

hexo init

初始化hexo。这个命令和git 仓库命令相似。意思一样都是初始化。
接着输入

npm install

配置node。然后输入

hexo s

加载hexo基础html、css、js等文件。
在这完成后等于已经在本地创建了一个网页，想查看的话，输入

hexo s

然后相当于开启了一个本地的服务器，会提示你拷贝url到浏览器。

在网址中输入

http://localhost:4000/

可以看到