跳转到内容

将你的 Astro 网站部署到 Heroku

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

如何部署

段落标题 如何部署

  1. 安装 Heroku CLI。

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

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

    终端窗口
    $ heroku login

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

    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

More Deployment Guides

Contribute

What’s on your mind?

Create GitHub Issue

Quickest way to alert our team of a problem.

Community