优化hexo访问速度-将hexo部署到云主机VPS

写在开始

一开始将自己hexo部署到github，结果发现打开页面速度有点慢，然后又将其同时部署到coding,实现双线路访问，国内解析记录到coding，国外解析到github，这样确实网站的速度能提高不少，但是国内访问因为是经过coding，所以打开网站会有广告，这点不能容忍，于是想到自己的服务器也还空闲着，于是想到可以部署到自己的服务器上，折腾开始

 演示站点

部署总览

个人使用的环境
- 本地环境： Windows10(64位)
- 云主机：阿里云ECS(CentOS 7.2 64位)
整个部署过程
- 本地环境搭建（git，NodeJs，hexo..）
- 云主机环境搭建（git，Nginx）
- 设置解析（dnspod）
- 使用git自动化部署博客

本地环境搭建

安装git
安装hexo(这些步骤省略）
生成ssh公钥（之前生成过的也就不用再执行了，比如部署在github上填写过rsa密钥就不需要再进行这一步了）
- 在命令行终端执行如下命令
  ssh-keygen -t rsa -C "邮件地址"
- 生成的文件默认在~/.ssh目录中，看到有id_rsa，id_rsa.pub这些文件即可

云主机环境搭建

安装git及nodejs

1
2
3

yum install git
#安装NodeJS
curl --silent --location https://rpm.nodesource.com/setup_5.x | bash -

创建git账户

1
2
3

adduser git
chmod 740 /etc/sudoers
vim /etc/sudoers

添加内容
找到

1 2	## Allow root to run any commands anywhere root ALL=(ALL) ALL

添加以下内容
1
git ALL=(ALL) ALL
保存退出并改回权限
1
chmod 400 /etc/sudoers
设置git账户密码
1
sudo passwd git

切换至git用户，创建 ~/.ssh 文件夹和 ~/.ssh/authorized_keys 文件，并赋予相应的权限

su git
mkdir ~/.ssh
vim ~/.ssh/authorized_keys
#然后将本地电脑中执行 cat ~/.ssh/id_rsa.pub | pbcopy ,将公钥复制粘贴到
authorized_keys
chmod 600 ~/.ssh/authorzied_keys
chmod 700 ~/.ssh

在本地终端中测试是否能免密登录git
ssh -v git@SERVER
其中SERVER为填写自己的云主机IP

创建目录

# repo 作为为git仓库目录
mkdir -R /var/repo
# hexo 作为网站根目录
mkdir -R /var/www/hexo

配置nginx（当然Apache也是可以的，nginx的安装步骤省略）
- 首先输入ngixn -t找到配置文件，我的是在/etc/nginx/nginx.conf，配置SERVER

   server {
        listen       80;
        # server_name 填写自己的域名
        server_name  www.fayne.cn;
        # 这里root填写自己的网站根目录
        root         /var/www/hexo;
        index index.html index.php index.htm;
        #/usr/local/tomcat/webapps/Forum

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;
         location / {
        }
        location ~ .php$ {
        }

        error_page 404 /404.html;
            location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
        }
}

设置解析

在dnspod设置解析记录，设置解析A记录www解析到服务器IP地址, 解析线路默认
设置CNAME解析使www解析到xxx.github.io，解析线路国外，这里的xxx为hexo部署在github的仓库名称，这样保证了在国外访问速度也是极佳的

使用`git`自动化部署博客

自动化部署主要用到了git-hooks同步

服务器建立裸库，这里要用git用户登录，确保git用户拥有仓库所有权
1
2
3
su git
cd /var/repo/
git init --bare blog.git
使用 git-hooks 同步网站根目录
在这里我们使用的是 post-update这个钩子（也有可能是post-receive，具体进入文件就知道了），当git有收发的时候就会调用这个钩子。在 /var/repo/blog.git 裸库的 hooks文件夹中
1
2
vim /var/repo/blog.git/hooks/post-update
# 编辑文件，写入以下内容
1
2
#!/bin/sh
git --work-tree=/var/www/hexo --git-dir=/var/repo/blog.git checkout -f
保存后，要赋予这个文件可执行权限
1
chmod +x post-update

配置_config.yml,完成自动化部署
打开_config.yml, 找到deploy

deploy:
  type: git
  repo:
    github: git@github.com:Finhoo/Finhoo.github.io.git
    www: git@www.fayne.cn:/var/repo/blog.git
  branch: master

保存后，即可测试部署

hexo clean && hexo g -d

至此，我们已经成功部完成，并且访问自己的服务器端比访问github快多了，国外速度也是很好

常见问题

我在部署过程中，执行 hexo d发现部署老是出错，什么权限不允许之类的，这里我们需要检查我们在上述的git操作部署是否使用了git用户操作，若是没有，需要给相应的目录更改用户组
使用chown -R git:git /var/repo/这条命令递归的将repo目录及其子目录用户组设置为git，同时chown -R git:git /var/www/hexo，这样即可解决此类问题

参考资料

阿里云VPS搭建自己的的Hexo博客