Alex Chen
Computer Science · Class of 2026
專案
Weather Dashboard
期末專案
Snake Game
JavaScript 練習
Todo List
Vue 基礎
作業已繳交
剛剛
準備讓人看到？
放入專案資料夾並發佈
把課堂作業變成作品集的更好方式
可免費開始
學生可以先發佈靜態課堂專案，不必在作品還沒公開前就付基礎設施費用。
不用被維運分心
把時間花在 HTML、CSS、JavaScript、React 或 Vue，而不是排查 nginx 和 Linux 設定。
到哪裡都能快速展示
手機或筆電都能開的專案連結，讓課堂檢討、團隊 demo、面試和作品分享更容易。
支援現代前端專案
靜態 HTML、框架輸出和瀏覽器互動專案，都能從同一個流程發佈。
適合學生的靜態託管情境
只要瀏覽器能從靜態檔案執行，就很適合直接發佈。
HTML/CSS/JavaScript 作業
課堂作業、UI 練習、登陸頁、計算機、遊戲和前端練習專案。
黑客松 demo
快速發佈前端，讓評審、隊友和 mentor 不需本機設定就能測試想法。
作品集專案頁
把課堂作品整理成公開專案庫，履歷和實習申請都能重複使用。
靜態框架建置
React、Vue、Vite、Astro 或 Next static export，只要上傳產生後的輸出資料夾即可。
三步驟發佈課堂專案
在本機完成專案
確認靜態輸出包含 index.html 進入點，以及專案需要的圖片、樣式和 script。
上傳資料夾
把整個專案資料夾拖進 DeployPages。不需要買雲端伺服器或設定 SSH。
分享上線連結
把產生的網址放在作業繳交、履歷或實習申請中，讓別人能立即打開專案。
送出專案連結前
本機能跑，不代表別人打開也一定正常。
上傳完整資料夾
包含 index.html、樣式、script、圖片、字型和產生後的資源資料夾。不要只上傳首頁。
用另一台裝置測試
從手機或另一個瀏覽器打開上線連結，檢查缺失資源、壞路徑和版面問題。
說明要看什麼
加一段 README、專案頁或網站區塊，說明目標、技術堆疊和你做了什麼。
後端另外處理
如果作業使用 PHP、Java、Python、資料庫或登入，把前端放這裡，後端接到其他服務。
學生專案常見部署錯誤
老師打開看到 404
確認 index.html 位於上傳資料夾根目錄，並且送出的網址是最後產生的連結。
專案缺 CSS 或圖片
檢查相對路徑並上傳完整資源資料夾。你電腦上的本機檔案路徑不會在線上可用。
專案需要後端
靜態託管不能執行 PHP、Java、Python 或資料庫程式。請使用獨立後端，前端部署維持靜態。
連結看起來像臨時測試
加入專案標題、短描述、credits 和乾淨首頁，讓連結像正式作品集項目。
學生託管常見問題
Q:學生一開始需要信用卡嗎？
不用。目標是讓靜態發佈容易開始，基本流程不需要付款方式。
Q:可以託管 PHP 或 Java 後端嗎？
不行。DeployPages 是為靜態前端輸出設計。如果專案需要後端，請把前端放這裡，再連到外部 API 或伺服器。
Q:產生的連結會過期嗎？
除非你自己移除部署，否則不會。靜態專案可以長期作為作品集連結。
Q:可以把這個連結當作課堂作業繳交嗎？
可以。上線連結通常比 zip 檔更容易讓老師和同學打開。不過如果作業要求原始碼，仍請遵守課程規則。
Q:應該上傳原始碼還是建置輸出？
純 HTML 專案可上傳專案資料夾。React、Vue、Vite 或類似工具請先執行 build，再上傳產生後的輸出資料夾。