2025年9月30日 星期二

超簡單!用 EzPage 快速把 HTML 上傳到 GitHub 網站

 哈囉,大家好!今天來跟大家分享一個我最近發現的超好用工具 — EzPage,它可以讓我們把做好的 HTML 網頁快速又輕鬆地上傳到 GitHub!告別過去繁瑣的部署流程,現在有了 EzPage,讓您的網站上線變得輕而易舉。想知道如何快速將您的靜態網頁部署到 GitHub Pages 嗎?本文將為您提供詳細的步驟指南。

第一步:登錄 EzPage 建立帳號

話不多說,我直接示範怎麼使用!首先,我們進到 EzPage 的網頁,點一下「立即開始」。我直接示範新增帳號的步驟:

  • 點選「新增帳號」。
  • 選擇「使用 Google 帳號」登錄,然後挑選你自己的 Google 帳號。
  • 接著,設定一個你喜歡的使用者名稱(這個你可以自己訂)。
  • 同意相關條款後,按下「Create Account」。
  • 完成後,EzPage 就會幫你新增一個 GitHub 網站,並透過 EzPage 這個網頁來登錄你的帳號。過程中會出現授權訊息,都按「同意」即可,讓這個帳號去幫你管理 GitHub。
  • 這樣,你就會進到 EzPage 的網頁,看到已經是登錄的狀態囉。

第二步:上傳 HTML 檔案與設定專案

再來,就是最簡單的部分了!你只要把你做好的 HTML 檔案直接拖曳上傳到右邊的檔案上傳區,它就會自動幫我們上傳到 GitHub!我這裡用一個仿撲浪介面的互動工具網頁來示範:

  • 把 HTML 檔案拖曳到上傳區。
  • 這時候,它會讓你設定你這次網頁專案的名稱(可以自己訂)。
  • 專案名稱會直接決定你的網站網址,有沒有看到網址會直接顯示出來?
  • 你還可以加上一個描述,方便你之後管理專案。
  • 設定完成後,按下「部署 HTML」。
  • 記得喔,你之後每一個 HTML 都可以建一個新的專案名稱,這樣每個網頁都會有一個獨立的網址!

第三步:查看與管理已部署的網站

按下部署後,很快地,下方就會列出你使用這個工具部署的所有專案名稱,像我剛剛做的這個專案就會在清單上。你可以做兩件事情來確認部署狀況:

  • 查看網站:點選「查看網站」來開啟你的網站。
  • 查看原始碼:點選「查看原始碼」可以連到 GitHub,檢查你的網頁是不是已經準備好了。

剛部署好時,GitHub 上的黃色按鈕可能表示網頁還沒準備好。如果準備好了,它會變成綠色的勾!等到變成綠色的勾,你再開啟「查看網站」,就會看到你的網頁已經成功上傳、可以直接透過網址瀏覽了!你看,網站這樣就做好了,網址就是我剛剛設定的專案名稱!

想更直觀地了解 EzPage 的操作流程嗎?請觀看以下操作示範影片:

EzPage 真的讓 HTML 網頁的部署變得前所未有的簡單!最後小提醒: 不管您的 HTML 檔名取什麼名字,上傳之後在 GitHub 上都會變成 Index.html 喔!希望這篇文章能幫助大家更有效率地將自己的作品部署上線。如果您覺得 EzPage 實用,別忘了分享給您的朋友,一起享受快速部署的便利吧!

沒有留言:

張貼留言