Hexo and GitHub Pages 博客搭建

首先安利一下个人博客。

最近没事想着本身来搭建一个博客，在网上看了一些资料发现，Hexo + GitHub 是目前比较经常使用的博客搭建系统，所以就照着网上的教程一步一步，历经一天左右的时间搭建了这个我的博客。

想着用博客来记录本身的学习笔记，但愿本身能把写博客这个习惯坚持下来。

ok，接下来就来看看我是怎么一步步搭建这个博客的。

基本环境搭建

了解 Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其余渲染引擎）解析文章，在几秒内，便可利用靓丽的主题生成静态网页。

安装前提

在安装Hexo以前咱们须要知道电脑里有没有下面的应用程序，若是没有，点击安装，具体安装方法就不作介绍了；若是有则直接看下一步。

• Node.js
• Git

安装 Hexo

以上两个程序安装成功以后，接下来使用 npm 安装 Hexo，若是 npm 安装较慢，可考虑使用淘宝镜像 cnpm，安装完 cnpm 以后可将下面全部用到 npm 的地方换为cnpm。

npm install -g hexo-cli
复制代码

输入如下命令检查 Hexo 是否安装成功。

hexo --version
复制代码

若是有版本信息则安装 Hexo 成功。

开始搭建博客

初始化

Hexo安装完成以后，用如下命令新建一个文件夹并初始化 Hexo 所需文件。

hexo init <folder_name>
    cd folder_name
    npm install
复制代码

hexo init过程可能会较慢，请耐心等待。

运行

以上过程结束以后，用以下命令在本地运行咱们的博客。

hexo server
复制代码

hexo server 能够简写为 hexo s。

接着咱们用浏览器打开 localhost:4000 便可看到咱们搭建的博客。

将博客放入GitHub

博客搭建好以后，咱们在 GitHub 新建一个仓库，能够命名为 your_blog_name.github.io ，之后就能够直接经过your_blog_name.github.io访问你的博客了。

请务必将仓库名设为xxx.github.io xxx为你自定义，不然以后会出现不少问题

新建好以后，在你的博客目录下，即前面提到的 folder_name下，使用以下命令关联GitHub仓库。

若是是第一次使用GitHub或者是没有配置 ssh 可能会要求输入账号密码 ，最好的解决办法是配置ssh，而后再进行如下操做。

git init
    git remote add origin <远程仓库地址>
复制代码

接着打开主目录（folder_name）下的 _config.yml配置文件，找到 deploy，进行以下配置：

type: git
    repo: <远程仓库地址>
    branch: master
复制代码

而后安装如下插件：

npm install hexo-deployer-git --save
复制代码

而后执行如下命令生成静态文件：

hexo generate
复制代码

可简写为 hexo g

最后将文件上传到GitHub：

hexo deploy
复制代码

可简写为 hexo d

开启Pages服务

GitHub上找到咱们的仓库，点击右边的Settings：

下滑找到 GitHub Pages ，点击 master branch，点击 save，便可开启 Pages服务。

点击GitHub Pages旁边给出的连接便可访问你的博客了。

这样你的博客基本上就搭建成功了，下一篇咱们介绍如何配置和使用Hexo。

你们也能够参考Hexo官网。