跳转到内容

将你的 Astro 网站部署到 Clever Cloud

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

项目配置

标题为“项目配置”的部分

你可以在 Clever Cloud 上部署完全静态和按需渲染的 Astro 项目。无论你的 output 模式是（预渲染还是按需渲染），你都可以选择部署为使用构建后钩子运行的静态应用，或者部署为需要你在 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. 选择部署方式

    • 创建一个全新的应用：从本地的 Git 仓库部署

    或

    • 选择一个 GitHub 仓库：从 GitHub 部署

  3. 选择一个 Node.js 应用，或一个静态应用。

  4. 为你的实例设置最小尺寸和可伸缩性选项。Astro 网站通常可以使用 Nano 实例部署。根据你项目的具体要求和依赖项，你可能需要根据概览页面中的指标进行相应调整。

  5. 选择一个区域来部署你的实例。

  6. 跳过将附加组件连接到你的 Clever 应用的步骤，除非你正在使用数据库或 Keycloak。

  7. 注入环境变量

    • 对于 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"
    • 对于静态应用，添加这些变量
    终端窗口
    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 分支。

官方资源

标题为“官方资源”的部分

更多部署指南

贡献 社区 赞助