将Hexo博客部署到云主机

摘要: 在云主机上搭建一个 git 裸仓库,然后使用 nginx 作为网页服务器,就可以轻松将 Hexo 博客通过 git 部署到云主机上。

这是一个忧伤的故事

我的博客KiwenLau之前部署在Coding Pages上,挺不错的,还可以一键启用 HTTPS。作为一个喜欢折腾的人,我突然打算使用 CDN 加速一下访问速度,然而,国内的 CDN 服务要求网站必须备案。特意邮件问了 Coding 的客服,看来他们近期是不打算支持备案的,于是我就不得不考虑弄个云主机来玩玩了。

后来,Coding Pages忽然添加了跳转页面,也就是说访问我的博客的话,会先弹出 5 秒钟的 Coding 广告页面。买个 Coding 年费 199 的会员就可以去掉,也不算贵,毕竟占着人家的资源。然而,我还琢磨着备案后用 CDN 呢…

于是,我调研了一下各个云服务的价格,1 核 1G 的云主机一年大概都是 600+,比 Coding 会员贵了不少。不过腾讯云最近在搞采购节,1 核 1G 的云主机一年只要 238,果断买了!

然而,备案这事貌似要折腾很久……此处省略 1 万字。

0. 准备工作

我的云主机的操作系统是Ubuntu Server 16.04.1 LTS 64 位。不妨假设它的 IP 地址是152.92.13.78(我当然不会告诉你真实 IP),你需要做的第一步就是配置SSH 公钥登陆,这样 Hexo 通过 git 部署博客时就不需要输入密码了。

# SSH公钥登陆将不需要输入密码
ssh root@152.92.13.78

为了省事,我将直接使用 root 用户,这是不符合安全规范的。但是,一方面我只是为了部署博客,不担心黑客干坏事;另一方面,我也做了必要的安全防范,比如配置腾讯云安全组,禁止 SSH 密码登陆以及配置 UFW 防火墙。

这篇的博客参考了利用 GIT HOOKS 部署 HEXO 到 VPS,原文图文并茂。我做了  一些优化,例如使用 root 用户,简化 nginx 配置文件,简化 post-receive 脚本,同时简单地介绍一下原理。

1. 安装 git 和 nginx

apt-get update
apt-get install git-core nginx

2. 配置 Nginx

/var/www/blog目录用于放置生成的静态文件

mkdir /var/www/blog

编写 nginx 配置文件

vim /etc/nginx/conf.d/blog.conf

由于我的备案还没弄好,还不能使用 80 端口,所以暂时使用 8080 端口部署博客。

server
{
listen 8080;
root /var/www/blog;
}

重启 nginx

ubuntu 16.04 的 init 系统换成了 systemd,因此使用 systemctl 命令来重启 nginx。

systemctl restart nginx

3. 配置 Git Hooks

创建 Git 裸仓库

blog.git作为远程 Git 仓库,Hexo 在本地生成的博客静态文件可以通过 push 与其同步。

mkdir ~/blog.git && cd ~/blog.git
git init --bare

配置 Hooks 脚本

post-receive脚本将在blog.git仓库接收到 push 时执行。

vim ./hooks/post-receive

脚本非常简单,删除原有的/var/www/blog目录,然后从blog.git仓库 clone 新的博客静态文件。

#!/bin/bash

rm -rf /var/www/blog
git clone /root/blog.git /var/www/blog

post-receive脚本执行权限

chmod +x ./hooks/post-receive

4. 部署 Hexo 博客

修改_config.yml

deploy:
type: git
repo: root@152.92.13.78:blog.git

部署博客

hexo 先生成新的博客静态文件,然后通过 git 将其同步到云主机的blog.git仓库。

hexo d

然后通过http://152.92.13.78:8080/即可访问博客。

备案之后,将 ngnix 端口改为 80,把 server_name 设为域名,然后修改 DNS 解析到云主机就好了。

参考链接:

关于Fundebug

Fundebug专注于JavaScript、微信小程序、支付宝小程序线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了80亿+错误事件。欢迎大家免费试用

版权声明

转载时请注明作者 Fundebug以及本文地址:
https://blog.fundebug.com/2017/05/18/deploy-hexo-on-cloud/

您的用户遇到BUG了吗?

体验Demo 免费使用