1
1
---
2
2
title : 部署你的 Astro 網站
3
3
description : 如何到部署你的 Astro 網站到網路上。
4
+ sidebar :
5
+ label : 部署概觀
4
6
i18nReady : true
5
7
---
6
8
7
9
import DeployGuidesNav from ' ~/components/DeployGuidesNav.astro' ;
8
10
import PackageManagerTabs from ' ~/components/tabs/PackageManagerTabs.astro'
11
+ import { Steps } from ' @astrojs/starlight/components'
9
12
10
13
** 準備好建構並部署你的 Astro 網站嗎?** 跟著我們的部署服務指南,或繼續下滑了解關於 Astro 網站的基本部署方法。
11
14
@@ -19,10 +22,11 @@ Astro 網站可透過儀錶板或 CLI 快速建構並部署到數個主機上。
19
22
20
23
### 網站 UI
21
24
22
- 其中一個快速部署網站的方式是透過連結 Astro 專案的線上 Git 程式庫(如 GitHub、GitLab、Bitbucket)到服務主機提供者,接者利用 Git 之便來持續部署。
25
+ 其中一個快速部署網站的方式是透過連結 Astro 專案的線上 Git 程式庫(如 GitHub、GitLab、Bitbucket)到服務主機提供者,接著利用 Git 之便來持續部署。
23
26
24
27
這些服務主機平台會自動偵測 Astro 專案來源程式庫的推送,接著建構網站並部署到自訂的 URL 或個人網域。通常這些平台的部署設定包含下列幾個步驟:
25
28
29
+ <Steps >
26
30
1 . 將你的程式庫加到線上 Git 提供者(例如 GitHub、GitLab、Bitbucket)。
27
31
28
32
2 . 選擇支援** 持續部署** 的服務主機(例如 [ Netlify] ( /zh-tw/guides/deploy/netlify/ ) 或 [ Vercel] ( /zh-tw/guides/deploy/vercel/ ) ),接著引入你的 Git 程式庫作為新網站或專案。
@@ -35,13 +39,15 @@ Astro 網站可透過儀錶板或 CLI 快速建構並部署到數個主機上。
35
39
:::
36
40
37
41
3 . 點選「Deploy」,接著你的新網站就會在服務主機上建立並分配到專屬的 URL(例如 ` new-astro-site.netlify.app ` )。
42
+ </Steps >
38
43
39
44
這些服務主機會自動監看 Git 提供者的主要分支更動,每當有新的提交,便會重新建構並發布網站。這些設定通常可在服務主機提供者的儀表板 UI 上調整。
40
45
41
46
### CLI 部署
42
47
43
48
有些服務主機有他們自己的命令列(CLI),你可以用 npm 將其全域安裝到主機上。使用 CLI 部署的情況通常如下所示:
44
49
50
+ <Steps >
45
51
1 . 全域安裝服務主機的 CLI。例如:
46
52
47
53
<PackageManagerTabs >
@@ -75,6 +81,7 @@ Astro 網站可透過儀錶板或 CLI 快速建構並部署到數個主機上。
75
81
76
82
77
83
其他服務主機則會要求你先[ 在本地端建構你的網站] ( #在本地端建構你的網站 ) ,接著用命令列部署。
84
+ </Steps >
78
85
79
86
## 在本地端建構你的網站
80
87
@@ -104,10 +111,10 @@ Astro 網站可透過儀錶板或 CLI 快速建構並部署到數個主機上。
104
111
105
112
建構後的輸出檔預設會放在 ` dist/ ` ,目錄位置可透過 [ ` outDir ` 設定] ( /zh-tw/reference/configuration-reference/#outdir ) 調整。
106
113
107
- ## 為 SSR 新增配接器
114
+ ## 為隨需算繪新增配接器
108
115
109
116
:::note
110
- 以 [ SSR(伺服器端算繪) ] ( /zh-tw/guides/on-demand-rendering/ ) 部署 Astro 網站之前,請先確定以下事項:
117
+ 以[ 隨需算繪 ] ( /zh-tw/guides/on-demand-rendering/ ) 部署 Astro 網站之前,請先確定以下事項:
111
118
112
119
- 在專案相依模組安裝[ 適當的配接器] ( /zh-tw/guides/on-demand-rendering/ ) (手動安裝,或用配接器的 ` astro add ` 指令,例如 ` npx astro add netlify ` )。
113
120
- 若是手動安裝,[ 新增配接器] ( /zh-tw/reference/configuration-reference/#integrations ) 到 ` astro.config.mjs ` 的 import 和 default export。(` astro add ` 指令會為你執行這步驟!)
0 commit comments