iT邦幫忙

2023 iThome 鐵人賽

DAY 21
0

https://ithelp.ithome.com.tw/upload/images/20231006/20141551ExTB57KEJ9.jpg

前言

到這個章節介紹了絕大多數會使用到的 Astro 功能,後續的章節會著重在講解一些額外的環境設置。讓我們把製作好的網站放到伺服器上可以被其他人造訪吧。

SSR vs Static

到目前為止教學都是以靜態生產的方式的使用 Astro,

也就是預先渲染的網頁文件可以被靜態的放置在伺服器上被索取。但如果你有架設 SSR (Server Side Rendering) 網站的需求也可以根據需求選擇有對應服務的雲端平台供應商。

如果要複習動靜態網站可以複習第二章節:Astro 系列文第二日:現有問題與解方

我的經驗

各家平台的文件已經寫得夠完善了,去看看吧:部屬教學 - Astro DOCS

  • Netlify 有極好的整合與開發體驗值得一試,可以無腦的透過 GUI 把網站很快的部屬上去,適合新手。
  • GitHub Pages 中規中矩,要小心資產連結需要有 Repo 的前墜。舉例來說專案存放在 GitHub 當中: accountname/my-project 那麼該專案的 GitHub Pages 預設連結就會是 https://accountname.github.io/my-project 其中 my-project 專案名稱前墜要自己手動添加,可用 base 設定。當然你都可以採用自己的域名。

選擇有經驗的部屬平台即可,我是使用 Cloudflare Pages,原因是因為它們的 CDN 很有名氣,部屬靜態檔案就選它了,加上文件簡單易懂體驗至今還不錯。

事實是部屬靜態網站大多都不會到收費的標準,挑個順眼的使用即可,不用糾結太多。

總結

以上是我對部屬靜態網頁的經驗,接下來文章都會講一些觀念想法或是周邊設置的內容。


上一篇
Day20 - 實作搜尋功能
下一篇
Day22 - 環境變數
系列文
網頁開發沒有這麼簡單過!實際案例帶你上手 Astro.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言