摘要: 在云主机上搭建一个 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 [email protected]
为了省事,我将直接使用 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: [email protected]:blog.git
部署博客
hexo 先生成新的博客静态文件,然后通过 git 将其同步到云主机的blog.git仓库。
hexo d
然后通过http://152.92.13.78:8080/即可访问博客。
备案之后,将 ngnix 端口改为 80,把 server_name 设为域名,然后修改 DNS 解析到云主机就好了。
参考链接:
关于Fundebug
Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了7亿+错误事件,得到了Google、360、金山软件、百姓网等众多知名用户的认可。欢迎免费试用!
版权声明
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/05/18/deploy-hexo-on-cloud/
原文地址:http://blog.51cto.com/13957060/2318679