在本页

部署静态网站

本教程将介绍如何在 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> http://land.deno.org.cn/[email protected]/http/file_server.ts

为了更好地解释这些命令:因为这是一个静态网站,所以没有 JavaScript 可以执行。您不是向 Deno Deploy 提供特定的 JavaScript 或 TypeScript 文件作为入口点文件,而是向其提供此外部 file_server.ts 程序,该程序只是将 static-site 仓库中的所有静态文件(包括图像和 html 页面)上传到 Deno Deploy。然后,这些静态资产会被提供服务。

步骤 3:瞧! 跳转到标题

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