部署靜態網站
本教學將涵蓋如何在 Deno Deploy 上部署靜態網站(不含 JavaScript)。
步驟 1:建立靜態網站 Jump to heading
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
。
您現在有一個 HTML 頁面,內容顯示「Hello」並帶有標誌。
步驟 2:使用 deployctl
部署靜態網站 Jump to heading
若要在 Deno Deploy 上部署此 repo,請從 static-site
儲存庫執行
deployctl deploy --project= --entrypoint=jsr:@std/http/file-server
針對這些指令稍作解釋:由於這是靜態網站,因此沒有 JavaScript 需要執行。您不需要提供 Deno Deploy 要作為進入點檔案執行的特定 JavaScript 或 TypeScript 檔案,而是提供這個外部 file_server.ts
程式,它會將 static-site
repo 中的所有靜態檔案(包括圖片和 HTML 頁面)上傳到 Deno Deploy。這些靜態資源隨後會被提供出來。
步驟 3:完成了! Jump to heading
您的靜態網站現在應該已上線!其網址將會輸出在終端機中,或者您可以在您的 Deno 儀表板 中管理您的新靜態網站專案。如果您點擊進入您的新專案,您將可以檢視網站、設定其名稱、環境變數、自訂網域等等。