将你的 Astro 站点部署到 Kinsta 应用托管

你可以使用 Kinsta 应用托管 来在其云托管服务器上托管 Astro 网站。

配置你的 Astro 项目

标题部分 配置你的 Astro 项目

静态托管

标题部分 静态托管

要在 Kinsta 应用托管 上托管你的项目，你需要：

  • 在 package.json 文件中包含一个 name 字段（这个可以是任意值，不会影响部署）。
  • 在 package.json 文件中包含一个 build 脚本（你的 Astro 项目应该已经包括这个）。
  • 安装 serve 包，并将 start 脚本设置为 serve dist/。

以下是 package.json 文件中必要的内容：

package.json
{
  "name": "anything", // 这是必需的，但值是什么不重要。
  "scripts": {
    "dev": "astro dev",
    "start": "serve dist/",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "serve": "^14.0.1"
  },
}

SSR

标题部分 SSR

要在 Kinsta 应用托管 上托管你的项目，你需要：

  • 在 package.json 文件中包含一个 name 字段（这个可以是任意值，不会影响部署）。
  • 在 package.json 文件中包含一个 build 脚本（你的 Astro 项目应该已经包括这个）。
  • 安装 @astrojs/node 包，并将 start 脚本设置为 node ./dist/server/entry.mjs。
  • 设置 astro.config.mjs 使用 @astrojs/node 并设置 host: true。

以下是 package.json 文件中必要的内容：

package.json
{
  "name": "anything", // 这是必需的，但值是什么不重要。
  "scripts": {
    "dev": "astro dev",
    "start": "node ./dist/server/entry.mjs",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "@astrojs/node": "^5.1.1"
  },
}

以下是 astro.config.mjs 文件中必要的内容：

astro.config.mjs
  import { defineConfig } from 'astro/config';
  import node from "@astrojs/node";


  export default defineConfig({
    output: 'server',
    adapter: node({
      mode: "standalone"
    }),
    server: {
      host: true
    }
  });

如何部署

标题部分 如何部署

一旦与你项目的 GitHub 仓库连接成功，你就可以在 MyKinsta 管理面板 上手动触发向 Kinsta 应用托管的部署，当然你也可以在管理面板上设置自动部署。

配置一个新的 Kinsta 应用程序

标题部分 配置一个新的 Kinsta 应用程序
  1. 进入 My Kinsta 管理面板。
  2. 转到 Applications 选项卡。
  3. 连接你的 GitHub 仓库。
  4. 点击 Add service > Application 按钮。
  5. 按照引导步骤操作。
  6. 最后你的应用程序将被部署。

更多部署指南

根据类型筛选