iT邦幫忙

2024 iThome 鐵人賽

DAY 26
0
Modern Web

新手友善園區-如何架設人生第一個網站系列 第 26

Day-26 免費架設網站的方法:Netlify 與 Google Sites

  • 分享至 

  • xImage
  •  

今天發現還有其他不錯的架設網站的方法,就來介紹一下這兩個適合初學者的免費網站搭建平台——Netlify 和 Google Sites。這兩個平台分別適合不同需求,無論你是前端開發者還是非技術背景的使用者,都能輕鬆創建並發布網站。

Netlify:專為開發者的免費靜態網站托管

1.1 什麼是 Netlify?

Netlify 是一個強大的靜態網站托管平台,專門為開發人員設計。它可以自動連接你的 Git 儲存庫,實現網站的自動部署和持續集成(CI/CD)。無論是單頁應用(SPA)還是靜態網站,都能夠輕鬆在 Netlify 上託管。它還提供自動化 HTTPS 證書、全域 CDN 等高效能功能,這一切都可以在免費層級下使用。

1.2 Netlify 的優勢

  • 自動化部署:只需將網站代碼提交到 GitHub、GitLab 或 Bitbucket,Netlify 會自動部署你的網站。
  • 免費的全球 CDN:Netlify 會自動將你網站的內容分發到全球的伺服器,提升網站的訪問速度。
  • 免費 HTTPS 支援:網站自動獲取安全證書,保護用戶數據安全。
  • 持續集成/持續部署(CI/CD):每次更新代碼時,Netlify 自動重新構建並部署網站,確保內容時刻保持最新。

1.3 如何使用 Netlify 建立網站

步驟 1:註冊帳號並連接 Git 儲存庫
首先,進入 Netlify,註冊一個免費帳號。然後將你的 GitHub、GitLab 或 Bitbucket 帳號連接到 Netlify。

步驟 2:選擇專案並自動部署
在連接 Git 儲存庫後,Netlify 會自動偵測靜態網站的構建設置,例如使用 Jekyll、Hexo 或是單純的 HTML 文件。選擇專案後,Netlify 會開始自動部署網站。

步驟 3:自定義域名與 HTTPS
網站部署完成後,你可以自定義子域名或綁定自己的自訂域名,並啟用免費的 HTTPS 憑證。

1.4 使用範例

如果你使用的是靜態網站生成器(例如 Hexo 或 Jekyll),只需將專案推送到 GitHub 上,Netlify 會自動檢測並部署網站。你甚至可以在 Netlify 的後台中設置環境變數,優化構建流程。

2. Google Sites:簡單易用的免費網站建置平台

2.1 什麼是 Google Sites?

Google Sites 是 Google 提供的一個簡單易用的網站建置工具,適合非技術背景的使用者。這個平台旨在讓使用者能快速創建和分享內容,無需編寫代碼。你只需要通過拖放方式編輯內容,選擇模板,並將網站發布出去,整個過程非常直觀。

2.2 Google Sites 的優勢

  • 簡單易用:無需技術背景,通過簡單的拖放方式即可完成網站建設。
  • 與 Google 服務整合:可以輕鬆嵌入 Google 文件、表單、地圖等內容,適合團隊協作和資訊共享。
  • 自適應設計:所有網站都默認支援移動裝置的自適應設計,無需額外調整。
  • 免費託管:Google 提供免費託管服務,無需額外購買主機。

2.3 如何使用 Google Sites 建立網站

步驟 1:登入 Google 帳戶
進入 Google Sites 並使用你的 Google 帳號登入。

步驟 2:選擇模板並開始編輯
選擇一個你喜歡的模板,然後使用 Google Sites 的拖放編輯器添加和編輯網站內容。你可以輕鬆插入文字、圖片、影片、文件等。

步驟 3:嵌入 Google 服務
如果需要,你可以輕鬆嵌入 Google 文件、表單或地圖。這使得 Google Sites 非常適合用來做公司內部網站或資料共享平台。

步驟 4:發布網站
當你完成網站內容設計後,只需點擊“發布”按鈕,選擇一個免費的 Google 子域名即可上線網站。你也可以選擇使用自訂域名。

2.4 使用範例

Google Sites 特別適合團隊網站、教育網站或公司內部使用。比如,你可以用它來製作課程網站、團隊協作的資訊共享網站,或是小型業務的簡易展示網站。

結論

Netlify 和 Google Sites 各有其優勢。Netlify 更適合開發人員和技術熟悉者,提供豐富的自動化功能和免費的全球 CDN,而 Google Sites 則是針對不熟悉技術的使用者,提供簡單的網站建設工具,方便快速上手。根據你的需求和技術背景,這兩個平台都可以幫助你輕鬆建立免費網站。

無論是技術人員還是非技術背景的使用者,現在你都有多種免費創建網站的方法可以選擇。挑選適合你需求的平台,開始打造屬於你自己的網站吧!


上一篇
Day-25 與數據庫整合:使用 Express.js 與 MongoDB 進行數據持久化
下一篇
Day-27 網站優化:提高速度與性能
系列文
新手友善園區-如何架設人生第一個網站27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言