Mizuki静态博客实现自动化更新部署

上期文章我们讲了Mizuki二次元静态博客模板如何部署教程，你可能会觉得每次更新都需要手动构建有点麻烦，今天教大家如何实现自动化更新部署，部分代码由ai提供

主题效果图

{card-describe title=“最佳方案”} 强烈建议部署在Vercel上，对生产分支(通常是名为“main”的分支)所做的任何更改都将自动被部署为生产部署 {/card-describe}

方案一部署(推荐)

1
1. 访问 vercel.com → 用 GitHub 登录
2
2. 点击 "New Project"
3
3. 选择你的博客仓库
4
4. 点击 "Deploy"
5
5. 完成！以后 git push 就自动部署

方案二：手动触发自动化部署

1
#!/bin/bash
2
echo "开始构建 Mizuki 博客..."
3
pnpm install
4
pnpm build
5

6
echo "构建完成！"
7
echo "dist 文件夹位置：$(pwd)/dist"
8

9
# 根据你的部署方式取消注释相应部分
10

11
# FTP 部署（需要安装 lftp）
12
# lftp -u username,password -e "mirror -R dist /remote/path" ftp.example.com
13

14
# SCP 部署
15
# scp -r dist/* user@server:/path/to/website/
16

17
# AWS S3 部署（需要安装 AWS CLI）
18
# aws s3 sync dist s3://your-bucket-name --delete
19

20
echo "部署脚本执行完成！"

使用方法：

1
chmod +x build-and-deploy.sh
2
./build-and-deploy.sh