跳转到内容

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

你可以使用 Kinsta 应用托管 来在其云托管服务器上托管 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

要在 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 应用程序

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

部署指南

更多部署指南

根据部署类型筛选