宝塔自动部署拉取GitHub仓库的hexo博客

2025-08-172025-08-18

事情的起因是我要无意间发现了之前申请的又拍云cdn免费试用活动。刚好我感觉部署在Cloudflare的速度太慢了，于是我就想体验一下国内的cdn加速是什么感觉。用Cloudflare页面规则20010501.xyz/到cn.20010501.xyz/。但是又拍云cdn服务都是需要备案和国内主机的，所以不得不把GitHub上的博客文件部署到阿里云服务器上。因为我之前使用的是GitHub当仓库，Cloudflare部署生成，qexo管理。所以我还是打算继续使用qexo，把服务器作为一个静态页面生成器使用。总体思路是qexo管理GitHub文件生成（Cloudflare+阿里云服务器+其他页面生成器）以下是使用宝塔面板实现GitHub仓库中的Hexo博客自动部署到服务器的完整流程（当GitHub文件变化时触发自动部署）

就是这样咯

🛠️ 一、服务器环境准备

安装宝塔面板

执行对应系统的安装命令（以 Ubuntu 为例）：
wget -O install.sh https://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh ed8484bec
- 安装后记录面板地址、用户名和密码，确保安全组放行端口。
安装依赖

在宝塔面板的“软件商店”安装以下组件：
- Nginx：托管静态博客文件。
- Git：拉取 GitHub 代码。
- Node.js：JavaScript 运行环境。

⚙️ 二、配置宝塔 WebHook 插件

拉取 Hexo 静态文件到网站目录

cd /www/wwwroot
git clone [email protected]:你的用户名/Hexo仓库.git hexo
# 修改目录权限（根据实际需求操作）

添加 WebHook 脚本

在宝塔面板安装 WebHook 插件。

添加脚本：

名称：如 Hexo-Auto-Deploy

执行脚本：

#!/bin/bash
git config --global --add safe.directory /www/wwwroot/blog.example.com
echo "------------------------------------------------"
echo "[$(date +"%Y-%m-%d %H:%M:%S")] WebHook触发开始执行"

cd /www/wwwroot/blog.example.com || { echo "错误：目录不存在！"; exit 1; }
git stash save "Auto-stash by webhook on $(date +'%Y-%m-%d')"
echo "✅ 本地修改已暂存"

git_output=$(git pull 2>&1)
git_status=$?
git stash pop
if [ $? -ne 0 ]; then
    echo "⚠️ 注意：恢复时存在冲突，请手动检查以下文件："
    git diff --name-only --diff-filter=U
fi

if [ $git_status -ne 0 ]; then
    echo "代码拉取失败！错误信息："
    echo "$git_output"
    exit 1
else
    echo "代码更新成功："
    echo "$git_output"
fi

npm install --no-fund --silent 2>&1
[ $? -eq 0 ] && echo "✅ 依赖安装完成" || { echo "❌ 依赖安装失败"; exit 1; }

echo "---- 构建开始 ----"
npx hexo generate --silent 2>&1
[ $? -eq 0 ] && echo "✅ 静态文件生成成功" || { echo "❌ 生成失败"; exit 1; }

PUBLIC_DIR="/www/wwwroot/blog.example.com/public"
chown -R www:www "$PUBLIC_DIR"
chmod 755 -R "$PUBLIC_DIR"
echo "权限已更新: $(ls -ld $PUBLIC_DIR)"
echo "------ 部署完成 [耗时: ${SECONDS}s] ------"
exit 0

保存后复制生成的 WebHook URL（形如 http://服务器IP:端口/hook?access_key=密钥）。

🔗 三、GitHub 仓库设置 WebHook

进入仓库 → Settings → Webhooks → Add webhook。
配置参数：
- Payload URL：粘贴宝塔生成的 WebHook URL。
- Content type：application/json。
- Secret：留空。
- 触发事件：选择 Just the push event。