跳转到内容

将你的 Astro 网站部署到 Heroku

Heroku 是一个用于在云端构建、运行和管理现代应用的平台即服务（PaaS）平台。你可以通过本指南将 Astro 网站部署到 Heroku 上。

:::caution以下教程使用了已被弃用的 heroku-static-buildpack。请参阅 Heroku 的 heroku-buildpack-nginx 使用文档进行替换。:::

如何部署

  1. 安装 Heroku CLI。

  2. 通过 注册 创建一个 Heroku 账号。

  3. 运行 heroku login 并填写你的 Heroku 凭据：

    $ heroku login

  4. 在项目的根目录下创建一个名为 static.json 的文件，并填写一下内容：

    {
  "root": "./dist"
}

    这是你的网站配置；想了解更多信息请访问 heroku-buildpack-static。

  5. 配置你的 Heroku Git 远程仓库：

    # 修改版本
$ git init
$ git add .
$ git commit -m "My site ready for deployment."

# 创建一个特定名称的新应用
$ heroku apps:create example

# 为静态站点配置 buildpack
$ heroku buildpacks:set https://github.com/heroku/heroku-buildpack-static.git

  6. 部署你的网站：

    # 发布网站
$ git push heroku master

# 打开浏览器查看 Heroku CI 的仪表盘版本
$ heroku open

更多部署指南

贡献 社区 赞助