跳转到内容

将你的 Astro 网站部署到 Clever Cloud

Clever Cloud 是一个欧洲云平台，它提供自动化、可扩展的服务。

项目配置

段落标题 项目配置

你可以在 Clever Cloud 上部署完全静态和按需渲染的 Astro 项目。无论你的 output 模式如何（预渲染或按需渲染 (EN)），你可以选择部署使用 post-build hook 运行的 静态应用，或者是部署为需要在 package.json 手动配置的 Node.js 应用。

脚本

段落标题 脚本

如果你想要运行按需渲染的 Node.js 应用，请更新你的 start 脚本以运行 Node 服务器。Clever Cloud 上的应用程序监听端口是 8080。

package.json
"scripts": {
  "start": "node ./dist/server/entry.mjs --host 0.0.0.0 --port 8080",
}

从控制台部署 Astro

段落标题 从控制台部署 Astro

要将你的 Astro 项目部署到 Clever Cloud，你需要 创建一个新的应用程序。应用程序向导将引导你完成必要的配置步骤。

  1. 从侧面菜单栏中，单击 Create（创建） > An application（应用程序）

  2. 选择如何部署：

    • Create a brand new app（创建一个全新的应用程序）：使用 Git 从本地存储库进行部署

    或是

    • Select a GitHub repository（选择一个 GitHub 存储库） ：从 GitHub 部署

  3. 选择 Node.js 应用程序或 static（静态） 应用程序。

  4. 设置实例的最小大小和可扩展性选项。 Astro 站点通常可以使用 Nano 实例进行部署。根据项目的规范和依赖关系，你在从 Overview（概述） 页面查看指标时，可能需要进行相应的调整。

  5. 选择一个 region（地区） 来部署你的实例。

  6. 除非你正在使用数据库或 Keycloak，否则请跳过 将 Add-ons（附加组件） 连接到 Clever 应用程序。

  7. 注入 environment variables（环境变量）：

    • 对于 Node.js，如果你使用 npm，则不需要特定的环境变量来部署 Astro。如果你使用 yarn 或 pnpm，请设置以下环境变量：
    终端窗口
    CC_NODE_BUILD_TOOL="custom"
    CC_PRE_BUILD_HOOK="npm install -g pnpm && pnpm install"
    CC_CUSTOM_BUILD_TOOL="pnpm run astro telemetry disable && pnpm build"
    • 对于 static（静态） 应用程序，添加以下变量：
    终端窗口
    CC_POST_BUILD_HOOK="npm run build"
    CC_PRE_BUILD_HOOK="npm install && npm run astro telemetry disable"
    CC_WEBROOT="/dist"

  8. 部署完成！ 如果你从 GitHub 进行部署，你的部署应该会自动开始。如果你正在使用 Git，请复制远程仓库并推送到 master 分支。

官方资源

段落标题 官方资源

更多部署指南

贡献 社区 赞助