跳转到内容

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

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

要在 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. 最后你的应用程序将被部署。

更多部署指南