在服务器上搭建hexo博客

随着Vateral主题的开发接近了尾声，在对主题速度优化的时候发现之前用的githubpage问题多多：首先就是因为在国内的原因，访问速度本身就很慢，曾经有次加载一张16kb的图标时间耗费了26s！！？其次，在对资源做CDN托管加速时，域名是需要备案的，显然githubpage也是做不了的；所以果断舍弃了这个把hexo搭建到了我的阿里云服务器上

总体来说还是比把hexo搭建到github上要复杂一些的，期间遇到了不少坑，也参考了很多资料，这里详细的总结一下具体的步骤。

hexo的架构

---

首先我们要理解hexo是如何实现静态博客通过服务器访问的

通过上图我们可以知道，整个流程就是在本地通过hexo g 渲染博客的静态文件，然后通过hexo d 把静态文件 push到服务器上我们自己创建的git仓库,服务器再通过 git-hooks 同步网站根目录，这样就可以访问了

搭建流程

---

第一步： 安装node.js以及本地Hexo初始化
第二步： 服务器环境搭建，包括安装 Git 、Nginx配置 、创建 git 用户
第三步： 使用Git自动化部署发布博客

本地环境

---

安装node.js

$ brew install node

初始化Hexo博客

首先创建 你的Hexo 目录

$ mkdir "your hexo dir name"//创建一个自定义的hexo目录，比如我就在用户根目录创建了一个myhexo文件夹（macOS)
$ cd "your hexo dir name"//进入到刚刚创建的目录

然后安装 hexo-cli，安装hexo-cli 需要 root 权限，使用 sudo 运行

sudo npm install -g hexo-cli

初始化该文件夹

hexo init

安装hexo的扩展插件

npm install

等执行成功以后安装两个插件， hexo-deployer-git 和 hexo-server ,这俩插件的作用分别是使用Git自动部署，和本地简单的服务器。

npm install hexo