hexo一键部署到云服务器
2018-05-01 11:44:37 #Hexo

上一篇记录了如何搭建一个简易的个人网站，采用hexo，github pages进行搭建与部署。
本篇主要记录下如何将hexo博客部署到非github pages的第三方云服务器上，并实现一键部署。

以下本地操作均在Ubuntu 18.04.1 LTS中进行测试。
以下云服务器操作在阿里云Ubuntu 16.04.4 LTS \n \l中进行测试。

准备工作

  • 一台云服务器（阿里云、腾讯云等）
  • 已有hexo博客框架搭建的博客（具体可参考我上一篇记录文章）

传统部署方式

原理与思路

打包本地hexo博客项目，上传到云服务器上，再配置nginx。

1、打包生成静态文件

1
hexo generate

2、把根目录下生成的public文件夹压缩上传到云服务器根目录下

1
2
3
4
# 压缩成html.zip
zip -q -r html.zip public
# 将html.zip上传到云服务器
scp html.zip 用户名@服务器公网ip:~

3、在服务器上解压文件

1
2
3
4
5
6
7
8
9
# 先登录自己的服务器
ssh 用户名@服务器公网ip
# 找到刚上传上来的html.zip并解压缩，我这里把解压缩的文件放在/var/www/blog/下面
cd /var/www
sudo mkdir blog
cd blog
sudo cp ~/html.zip .
sudo unzip html.zip
# 得到public文件

4、配置服务器nginx

如果你服务器上已经安装了nginx，直接看下面。否则参考nginx的安装与配置
启动ngxin，正常安装完成后默认已经启动

1
sudo nginx

浏览器访问服务器ip查看nginx是否安装并启动。
出现Welcome to nginx!字样说明启动成功，否则自行搜索解决问题。

现在配置hexo博客nginx

1
2
3
4
# nginx配置文件在/etc/nginx下
cd /etc/nginx/sites-enabled
# 文件夹下有default文件，是默认配置文件，修改它
sudo vim default

打开以后如下图显示。

修改红框标注的地方为你之前解压html.zip的目录，即/var/www/blog/public。
保存退出，重载nginx。

1
sudo nginx -s reload

再次访问访问服务器ip，现在应该出现的是你博客主页了。

以上是平时常见的部署方式，容易理解。但是过程复杂，每次更新博客需要重新部署，重复以上繁杂操作。接下来介绍一种一劳永逸的部署方式。

一键部署方式

原理与思路

  • 类似于hexo博客一键部署功能，利用hexo d命令完成部署。
  • 借助git完成部署，在服务器上建立一个git仓库，通过命令把代码提交到git仓库，并且触发git hooks配置bash命令自动执行完成目录拷贝。说白了，就是常见的部署方式自动化执行的过程。

1、在服务器上创建仓库

1
2
3
4
5
6
# 下面的repository为GitHub存储库名，请务必修改为自己GitHub项目存储库名。
# 新建repository.git文件夹
mkdir repository.git
cd repository.git
# 在repository.git下生成git裸库。
git init --bare

如果提示git不存在，请先安装git，否则进行下一步。

2、设置自动部署钩子，也就是配置git hooks

进入hooks目录下，创建post-receive钩子文件。

1
2
cd hooks
touch post-receive

编辑post-receive

1
sudo vim post-receive

输入以下内容，并保存退出

1
2
3
4
5
6
7
8
9
# 下面出现的所有/var/www/为我个人目录设置，可根据自己需求进行修改。
# 下面出现的所有repository为GitHub存储库名，请务必修改为自己GitHub项目存储库名。
GIT_REPO=/var/www/repository.git
TMP_GIT_CLONE=/var/www/tmp/repository
PUBLIC_WWW=/var/www/repository
rm -rf ${TMP_GIT_CLONE}
git clone $GIT_REPO $TMP_GIT_CLONE
rm -rf ${PUBLIC_WWW}
cp -rf ${TMP_GIT_CLONE}/ ${PUBLIC_WWW}

配置解释：

  • GIT_REPO： 服务器git仓库所在目录，此目录并不放博客项目。
  • TMP_GIT_CLONE： 临时目录，git会将提交的文件先存到临时目录。
  • PUBLIC_WWW： 服务器上放博客项目的目录，你想将博客放在哪，修改此项即可。 注意此目录应对于nginx root设置的目录。
  • 下面四行为bash命令，设置好会按顺序自动执行。
    • rm -rf ${TMP_GIT_CLONE} 意思为移除第二行定义的临时目录TMP_GIT_CLONE。
    • git clone $GIT_REPO $TMP_GIT_CLONE 意思为重新克隆最新的项目到临时目录TMP_GIT_CLONE中。
    • rm -rf ${PUBLIC_WWW} 意思为移除当前正在线上运行的项目。
    • cp -rf ${TMP_GIT_CLONE}/ ${PUBLIC_WWW} 意思为重新从临时目录中拷贝新的项目到PUBLIC_WWW中。

3、修改文件权限

1
chmod +x post-receive

chmod +x filename 命令将文件变为可执行。

4、nginx配置
参考上述传统部署方式的nginx配置。

5、修改本地博客配置

打开项目文件，找到_config.yml打开，找到deploy配置进行修改。

1
2
3
4
5
deploy:
  type: git
  message: update
  repo: username@xx.xx.xxx.xx:/var/www/repository.git
  branch: master

这里的repo配置是服务器地址配置。冒号后面对应的是上一步设置的仓库目录地址。branch是git分支。

修改好后执行hexo g进行编译，再执行hexo d进行部署。

提示输入密码，这里输入服务器登录密码即可。出现以下信息部署完成：

1
2
Branch 'master' set up to track remote branch 'master' from 'xx@xx.xx.xxx:/var/www/repository.git'.
INFO  Deploy done: git

The End😀

上一页
2018-05-01 11:44:37 #Hexo
下一页