部署到 GitHub Pages

0. 在仓库页面选择 Settings -> 选择 Pages -> 选择 Build and deployment -> Source 选择 GitHub Actions

1. 由于项目已内置 GitHub Actions 自动部署工作流，推送代码到 main 分支即可自动触发构建和部署

2. 自定义域名（可选）：修改 public/CNAME 文件，内容填写你的域名；同时在你的域名 DNS 管理中添加一条 CNAME 记录指向 <用户名>.github.io

详情参考 GitHub Pages 文档

部署到 Cloudflare (Pages)

0. 在 cloudflare 页面选择 Workers and Pages -> 选择 Create application -> 选择 Pages -> 选择 Import an existing Git repository

1. Cloudflare 将自动检测 Astro 项目并自动为其配置，也可以手动填写下面的参数：

   • 构建命令: astro build / npm run build
   • 输出目录: dist

2. 若需要 DecapCMS 后台管理功能则将 .env 内容导入到环境变量

3. 开始部署

根据你的部署配置，未来对源代码库生产分支的任何修改都将触发新的预览和部署。

详情参考 Cloudflare Pages 文档

部署到 Netlify

0. 在 Netlify dashboard 页面点击 Add a new site -> 选择 Import an existing project

1. Netlify 将自动检测 Astro 项目并自动为其配置，也可以手动填写下面的参数：

   • 构建命令: astro build / npm run build
   • 输出目录: dist

2. 若需要 DecapCMS 后台管理功能则将 .env 内容导入到环境变量

3. 开始部署

根据你的部署配置，未来对源代码库生产分支的任何修改都将触发新的预览和部署。

详情参考 Netlify 文档

部署到 Vercel

0. 在 Vercel 页面导入项目

1. Vercel 将自动检测 Astro 项目并为其配置，也可以手动填写下面的参数：

   • 构建命令: astro build / npm run build
   • 输出目录: dist

2. 若需要 DecapCMS 后台管理功能则将 .env 内容导入到环境变量

3. 开始部署

根据你的部署配置，未来对源代码库生产分支的任何修改都将触发新的预览和部署。

详情参考 Vercel 文档

部署到服务器上

1. 执行构建命令

   npm run build

2. 压缩dist上传到你的服务器上，使用Nginx或者Apache等服务器软件进行部署（选择静态网站方案即可）