用 Hexo + Github 搭建本身的博客

扯在前面

在好久好久之前，一直就想搭建属于本身的一个博客，但因为各类缘由，最终都不了了之，刚好最近忽然有了兴趣，因而就本身参照网上的教程，搭建了属于本身的博客。

至于为何要搭建本身的博客了？哈哈，大概是为了装逼吧。

以前有选择其它平台，记点本身的学习笔记，作技术这行，要不断学习新知识，俗话说的好，好记性不如烂笔头，若是不记笔记，三天学习，两天忘记。本身搭建博客的话，样式的选择也比较自由，能够本身选择，不须要受限于各大平台。

网上搜 hexo 关键字，这样的教程一大堆，为何我还要写这篇文章呢？由于我没能根据某篇文章能从头至尾一步步很顺利地走下来，要么由于软件版本问题，要么由于本身的水平问题，踩了不少坑啊，幸运地是，通过本身不断努力，慢慢把坑填平了。

这篇文章只准备说下建立博客的重点步骤了，详细步骤能够参考：零基础免费搭建我的博客-hexo+github（参考了别人的文章，也就帮忙宣传下）,下面主要说说我我的的一些理解，以及遇到的坑。

进入正题

利用 hexo + github 搭建博客大概以下几步：
-node.js 的安装和准备（本地配置）
-Git 的安装和准备（远程空间配置）
-github 帐户配置（部署和发布）

那么个人第一步是安装 node.js 咯？不！我第一步是花钱买了个域名。相信我，当你花完钱以后，在接下来的步骤中遇到问题，你解决问题的信念会更强，而且花钱越多，离成功会越近。因此买个.com/.net 的域名，你就成功了一半。

不买域名行不行？固然能够。买域名是为了更好的装逼。

nodo.js 下载与安装

下载地址：
官网
中文站
安装就不用多说了，跟安装普通软件没有区别，能够一路按提示Next。完成以后，打开命令行窗口 WIN + R，输入以下命令：

node -v    
npm -v

出现以下结果说明安装成功：

安装 Hexo

在命令行输入以下命令:
$ npm install -g hexo-cli
因为众所周知的缘由,可能你执行这条命令会报错，若是你不会调整姿式上网，可使用淘宝 npm 镜像，执行以下命令便可：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
以后不少 npm 命令可使用 cnpm 代替。执行下面命令便可安装 Hexo :
$ cnpm install -g hexo-cli
可能出现一些 WARN ,能够不用理会，而后执行：
$ cnpm install hexo --save
输入 $ hexo -v 命令，出现下面所示的版本信息，则说明安装成功

本地搭建博客

-初始化 hexo
新建一个文件夹，这个文件夹即为之后博客的文件存放路径。打开命令行，cd 到该文件夹，执行
hexo init
-生成静态文件，执行：
hexo g
OK,本地的博客搭建好了，下面能够执行 hexo s 进行本地调试，执行完以后，打开浏览器，输入 http://localhost:4000 ,能够看到以下页面

那么恭喜你，本地博客搭建已经完成了。下一步就是部署到远程服务器上。

将本地博客部署到远程服务器端

本地博客搭建好了，咱们还须要将它部署到远程服务器上。由于博客主要都是一些静态的页面，不涉及与后台的数据传送，因此咱们能够利用 Github 上提供的一个免费空间，那么，首先须要有一个 Github 帐号，相信同行都有，非猿类请登陆官网注册。作法是创建一个仓库，将文件上传到该仓库便可，这个仓库的起名要注意，为 yourname.github.io，yourname与你的注册用户名一致,好比的github用户名是 zhangsan，那么起名就为 zhangsan.github.io ,这个就是你博客的域名了。

下面还须要作相应的配置，在你项目的文件夹下，找到 _config.yml 文件，注意是修改整个项目的配置文件，不是主题文件夹下的配置文件。打开文件修改配置以下：

deploy:    
  type: git     
  repo: <repository url>      
  branch: [branch]      
  message: [message]

参数描述：
repo： 库（Repository）地址
branch： 分支名称。若是您使用的是 GitHub 或 GitCafe 的话，程序会尝试自动检测。
message: 自定义提交信息 (默认为 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}

最后经过生成静态文件：
hexo g
部署到github:
hexo d
以上两句能够合并成一句 hexo g -d 或者 hexo d -g

下面是知识点：

1.若是你跟我同样用的是 Node.js 是最新的版本，这里 type ,要写 git，网上一些文章上写的 github ,亲测，不可行。后来上 hexo 官网查看，证明为 git。 github 多是之前比较老的版本中的推荐的配置。
2.若是没有配置好 github 的 SSH Key, 每次提交代码的时时候都是要求输入github 用户名和密码。假设你已经将 SSH Key 添加到 github 上了（具体操做网上一大把），你仍然有可能每次提交代码都须要输入用户名和密码。缘由是， repo 地址，你写的是
https://github.com/username/username.github.io.git
能够将其替换为
git@github.com:yourname/yourname.github.io.git

为博客更改域名

为了更好的装逼，决不能知足于别人经过 yourname.github.io 去访问你的博客，因此下面简单介绍如何更改本身的博客域名。开头提到，域名是要花钱买的，以我本身的为例，在万网买的，国内域名还须要实名认证，登陆万网，进入控制台，而后一步步按流程来就OK了。最后进行域名解析：

点击解析，进入以下页面进行点击 添加解析 ：

记录值，你须要 ping 一下你的 github 地址，输入对应的值。

最后还有一步，在你的本地博客 source 目录下，新建一个文件，命名为 CNAME ，注意该文件没有后缀，内容为你购买的域名。而后执行 hexo d -g。

到此，就所有结束了,你也能够出去装逼了。

附，遇到的两个坑：Hexo 使用中搭建博客过程当中遇到的坑