跳到主要内容
在本页上

部署静态网站

本教程将介绍如何在 Deno Deploy 上部署静态网站（无 JavaScript）。

步骤 1：创建静态网站 跳转到标题

mkdir static-site
cd static-site
touch index.html

在您的 index.html 中，粘贴以下 html

<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
  </head>
  <body>
    <h1>Hello</h1>
    <img src="image.png" alt="image" />
  </body>
</html>

确保 static-site 中存在一个 image.png。

现在您有一个显示“Hello”并带有徽标的 html 页面。

步骤 2：使用 deployctl 部署静态网站 跳转到标题

要将此仓库部署到 Deno Deploy，请从 static-site 仓库中运行

deployctl deploy --project=<your-preferred-project-name> https://jsr.deno.org.cn/@std/http/1.0.7/file_server.ts

为了更详细地解释这些命令：由于这是一个静态网站，因此没有要执行的 JavaScript。您不需要为 Deno Deploy 提供特定的 JavaScript 或 TypeScript 文件作为入口点文件，而是提供这个外部 file_server.ts 程序，该程序只将 static-site 仓库中的所有静态文件（包括图像和 html 页面）上传到 Deno Deploy。然后将这些静态资产提供服务。

步骤 3：瞧！ 跳转到标题

您的静态网站现在应该已上线！其 URL 将在终端中输出，或者您可以在您的 Deno 仪表板 中管理您的新静态网站项目。如果您点击查看您的新项目，您将能够查看该网站，配置其名称、环境变量、自定义域名等等。