优化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
bash yum install git #安装NodeJS curl --silent --location https://rpm.nodesource.com/setup_5.x | bash -
- 创建git账户
bash adduser git chmod 740 /etc/sudoers vim /etc/sudoers
- 添加内容
找到## Allow root to run any commands anywhere root ALL=(ALL) ALL
- 添加以下内容
bash git ALL=(ALL) ALL
- 保存退出并改回权限
bash chmod 400 /etc/sudoers
- 设置git账户密码
bash sudo passwd git
- 切换至
git
用户,创建~/.ssh
文件夹和~/.ssh/authorized_keys
文件,并赋予相应的权限bash 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
- 创建目录
bash # 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
用户拥有仓库所有权su git cd /var/repo/ git init --bare blog.git
- 使用 git-hooks 同步网站根目录
在这里我们使用的是post-update
这个钩子(也有可能是post-receive
,具体进入文件就知道了),当git有收发的时候就会调用这个钩子。 在/var/repo/blog.git
裸库的hooks
文件夹中vim /var/repo/blog.git/hooks/post-update # 编辑文件,写入以下内容
#!/bin/sh git --work-tree=/var/www/hexo --git-dir=/var/repo/blog.git checkout -f
保存后,要赋予这个文件可执行权限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
,这样即可解决此类问题