🆘 開始之前・先學會這一招

卡住了怎麼辦：三步脫困

你一定會卡，這很正常。卡住不可怕，卡住半小時不講話才可怕。先把這三步學起來，再往下開始裝。

有紅字 → 整段複製貼給它

畫面上的紅字錯誤訊息整段複製，貼進對話框，問它「這是什麼意思，怎麼解」。不要只打「它壞了」，它看不到你的畫面。

看不懂、沒紅字 → 截圖直接丟給 AI 看

AI 看得懂圖。把整個畫面截下來拖進對話框，配下面這段話一起送出，它會告訴你現在是什麼狀況、下一步點哪裡。

我現在卡住了，這是我畫面的截圖。

請你看圖告訴我：
1. 我現在在哪一步、畫面上發生什麼事
2. 下一步我該點哪裡、打什麼字，一次只給我一個動作
3. 如果是我裝錯或設定錯，直接告訴我怎麼改回來

我完全不懂技術，請用白話講，不要叫我自己判斷。

📸 不會截圖？照這個做 Mac：按住 Command ＋ Shift ＋ 4，游標變成十字，框住你要拍的地方放開，圖會自動存到桌面。整個螢幕就按 Command ＋ Shift ＋ 3。
Windows：按 Win ＋ Shift ＋ S，框住要拍的地方，圖會複製起來，到對話框直接貼上（Ctrl ＋ V）。
截圖直接拖進 AI 的對話框就可以了，連同紅字一起拍進去，它才看得出問題在哪。

15 分鐘還沒解 → 丟群組

同一個地方問 AI 兩三次還是繞不出來，就把畫面截圖貼到群組，不要一個人卡整晚。禮拜日開場我留 20 分鐘專門處理卡住的人。

這頁帶你做什麼

把你的作品，
變成一個真的網址

你已經會叫 AI 幫你做出一頁 HTML 了，這頁帶你把它放上網路、拿到一個可以傳給別人的網址。
全程一行程式都不用自己打，都是叫 AI 做；先拿老師的測試網頁練成功一次，再換成你自己的作品。

✅ 部署三步（每一步左邊的圓圈點一下就是打勾，會記住）

怎麼用：每做完一步，就點那一步左邊的號碼圈1→✓變綠色就是完成了，關掉網頁也會記住。

先搞懂：為什麼「一句話」就能上線？你可能看過老師一句話就把網頁上線，覺得像魔法。其實只是該辦的手續辦一次就好：① 開一塊免費的網路空間（Cloudflare）②讓 AI 有你的鑰匙（在瀏覽器點一下「允許」）。辦完這兩件，之後叫 AI「幫我上線」，它就自己把資料夾送上去、給你網址。

第一步

開一個免費的 Cloudflare 帳號

Cloudflare 就是老師用的那塊「免費網路空間」，開帳號不用錢、也不用綁信用卡。

打開 Cloudflare 註冊頁

點下面的按鈕，用你的 email 註冊一個免費帳號（填 email ＋設一個密碼）。

前往 Cloudflare 免費註冊dash.cloudflare.com/sign-up

收信、點驗證連結

Cloudflare 會寄一封確認信到你信箱，打開點一下裡面的連結，帳號就開通了。不用再設定任何東西 ，你現在就有一塊免費的網路空間了。

🆓 完全免費這一步不會跟你收錢、也不用信用卡。過程中看到要你選方案，選免費（Free）那個就好。

第二步・先練成功一次

叫 AI 幫你把「測試網頁」上線

先拿老師準備好的測試網頁，練習部署一次、拿到你人生第一個網址，成功了，再換自己的作品。

下載老師的測試網頁

點下面下載，會拿到一個資料夾（裡面是一頁做好的網頁）。等一下就是要把「這個資料夾」送上網。

下載測試網頁knowledgegut.com/brain-testsite

把資料夾交給你的 AI

把下載的檔案解壓縮成一個資料夾，用你的 IDE 打開它（或直接跟 AI 說這個資料夾在哪）。

把這段話一字不改貼給 AI

複製給你的 AI，它會自己一步步帶你上線：

我要把這個資料夾部署到 Cloudflare Pages，拿到一個公開網址。

我完全不懂技術，請照這個順序做，每一步要我做什麼（點哪裡、複製什麼）就一步一步講，不要跳步：

第一步｜先幫我登入 Cloudflare
跑 npx wrangler login，它會自動跳出瀏覽器要我點「Allow / 允許」。
我點完「允許」你再繼續，先不要跑下一步。

第二步｜部署這個資料夾
用 npx wrangler pages deploy 把「我現在打開的這個資料夾」部署上去，
專案名稱幫我取一個好記的英文小寫名字。

第三步｜給我網址
部署完把網址給我，而且你要自己先打開那個網址、確認真的看得到內容，
再告訴我「完成」。
中間如果出現紅字，先停下來把紅字翻成白話跟我解釋、告訴我下一步怎麼辦。

瀏覽器跳出來 → 點「允許」

AI 跑第一步時，你的瀏覽器會自動打開一個 Cloudflare 頁面，問你要不要授權。點「Allow ／允許」 ，這一下就是「把鑰匙交給 AI」。之後它都記得，不用再點第二次。

打開 AI 給你的網址

AI 會給你一個結尾是 .pages.dev 的網址。點開它，看到「🎉 你成功部署了人生第一個網站」，就成功了！這一頁現在全世界都連得到。

🎉 恭喜你人生第一個網址誕生了。把它貼到群組，讓大家看看你的第一個作品上線了。

第三步・換成你的作品

用一模一樣的方法，上線你自己的作品

剛剛成功過一次了，換自己的就是同一套， AI 已經有你的鑰匙，這次更快。

準備好你自己的網頁資料夾

把你之前叫 AI 做的那頁（逐字稿筆記、簡報、任何一頁 HTML）放在一個資料夾裡，用 IDE 打開它。

把這段貼給 AI

幫我把「我現在打開的這個資料夾」部署到 Cloudflare Pages，方法跟上次一樣。
你已經登入過我的 Cloudflare 了，這次直接部署就好，幫我取一個新的英文小寫專案名字。
部署完把網址給我，你先自己打開確認看得到，再跟我說完成。

拿到網址＝你的結業作品

把這個網址貼進課後回饋表或群組，這就是你這一堂的成果：一個你親手（叫 AI）做出來、真的在網路上跑的作品。

💡 之後更簡單AI 已經記得你的 Cloudflare 了。下次不管做什麼網頁，只要一句「幫我上線」，它就直接給你網址。

拿到你的網址了嗎？把它貼到群組 ✨

你已經會把作品放上網了，這是很多人學一整年都還沒做到的一步。禮拜三見，我們接著往下。