Netlify 免費靜態網站部署:豹哥帶你看懂
科技日誌

Netlify 免費靜態網站部署:豹哥帶你看懂

豹哥:🦭「流程看清楚,創意自然來。」

各位同學好啊!我是豹哥,今天來跟大家介紹一個很棒的免費工具——Netlify!

你們可能會問:「豹哥啊,為什麼要介紹這個?」

因為明天你們要用 Mobirise 做網站,做完之後要放上去讓大家都能看到啊!Netlify 就是讓你的網站可以被全世界看到的工具之一喔!

🟢 Netlify 的優點

1. 免費方案很佛心

  • 免費上架:不用付錢就能把網站放上去
  • 無限存取頻寬:只要你不是故意的,基本上不會被扣錢
  • 自動提供 SSL:你的網站會有那個小綠鎖 🔒
  • 自訂網域:可以綁定你自己的網域,還支援 HTTPS 喔!

2. 部署超級簡單

豹哥我最喜歡這個了!部署方式有很多種:

方法一:拖曳檔案
直接把你做好的 HTML 檔案拖到 Netlify 的網頁介面上,幾秒鐘就上線了!

方法二:Git 連動
連接 GitHub,每次更新程式碼,網站就會自動更新!

方法三:CLI 指令
用命令列工具也可以部署!

3. 預覽功能超強大

每次你上傳新版本,Netlify 會自動產生一個「預覽連結」,確認沒問題了再發布到正式網站。

4. 表單處理功能

免費方案就支援表單功能!收集訪客資料不用自己寫後端!

5. 速度快

Netlify 在全球有很多伺服器(CDN),訪客無論在哪裡,載入速度都很快!

🔴 Netlify 的限制

1. 檔案大小限制

  • 單一檔案不能超過 6MB

2. 頻寬限制(免費方案)

  • 每月 100GB 的頻寬
  • 對一般個人網站來說很夠用了!

3. 沒有 PHP 或後端資料庫

  • Netlify 是純靜態網站托管,不支援 PHP

📝 Netlify 實際操作步驟

步驟一:註冊帳號
進入 https://app.netlify.com,用 GitHub、Google 或 Email 註冊,完全免費!

步驟二:建立新網站
點擊「Add new site」→「Deploy manually」,把資料夾拖進去,幾秒鐘就上線!

步驟三:設定網域(可選)
點進你的網站 → Domain management → Add custom domain

🎯 豹哥的結論

Netlify 是一個非常適合初學者的平台!拖曳就能上傳的功能太方便了,對於要用 Mobirise 做網站的同學來說,是最簡單的選擇!

記住豹哥的話:「流程看清楚,創意自然來。」 把網站上線這件事交給 Netlify,你就可以專心做內容了!🦭

📝 解惑留言版