把「我想要一個部落格」拆成六關，每一關都有可以直接複製的中文提示詞。零基礎、不用安裝任何東西、平板就能做完。
這是新手最常見的失敗方式。
你原本寫的需求是這樣的——
這段話本身沒有錯，問題在於它是一整個專案。一次全丟給 ChatGPT，它會很努力地一口氣全部做給你——然後你拿到一大坨看不懂的東西，想改哪裡都不知道從何改起，改壞了也不知道退回哪裡。
正確的用法是：大方向講一次，然後一次只做一小塊。下面就是照這個節奏拆好的。
每次開「新對話」的第一句，先貼這段。這是整份練習本最重要的一塊。
它做四件事：告訴 ChatGPT 你不會寫程式、把你要的版型講清楚、定下配色、以及最關鍵的——立下四條規矩，擋掉它給你一堆你用不了的東西。
我完全不會寫程式，請你用最白話的方式跟我說明，不要用專業術語。 我要做一個個人品牌部落格，我的四個主題是：育兒、基督信仰、塔羅、生活札記。 版型請參考台灣生活部落客最常見的樣式： - 最上面一條橫向導覽列，放我的四個分類 - 中間主內容是文章列表，每篇顯示：日期、標題、分類標籤、一段摘要、下面有「繼續閱讀」 - 右邊一條側邊欄，放我的大頭照、自我介紹、最新文章清單 - 手機上，右邊側邊欄要自動移到最下面 配色請用暖色系：奶油白的底、暖棕色的字、金黃色當點綴，不要用藍色灰色那種冷色調。 排版要自適應，手機、平板、電腦打開都要好看。 以下四條規矩請你全程遵守： 1. 每次都給我「完整的檔案內容」，不要只給要修改的片段，因為我不會自己合併程式碼。 2. 不要省略。不要寫「其餘省略」「以此類推」「這裡放你的內容」，要把完整內容全部寫出來。 3. 全部寫在一個 index.html 檔案裡，CSS 和 JavaScript 都寫在這個檔案內，不要分成好幾個檔案。 4. 不要用任何需要安裝的東西。不要 React、不要 Node.js、不要 npm。只能用純 HTML、CSS、JavaScript。 先不要開始寫。請你先告訴我你聽懂了什麼，然後告訴我第一步要做什麼。
只做一次，大概十分鐘。這段沒有提示詞，是純操作。
+ → New repository。名稱打 my-blog，選 Public，勾選 Add a README file，按 Create。index.html，內容先隨便打一行字，按 Commit changes。main 和 /(root) → 按 Save。https://你的帳號.github.io/my-blog/index.html 的檔案。搞懂這件事，你就贏過一半的人了。
六個關卡
今晚就要看到一個真的網址，可以傳給朋友。
貼完上面的「基本設定包」、ChatGPT 回覆之後，再貼這一段。括號裡的換成你自己的。
好，請幫我做出第一版，只要首頁就好。 - 網站名稱：（在這裡填你想取的名字） - 一句話自我介紹：（在這裡填，例如：兩個孩子的媽，在育兒、信仰和塔羅之間慢慢找路） - 分類：育兒、基督信仰、塔羅、生活札記 - 文章列表先放 3 篇假的，標題和摘要你幫我編，我之後會換掉 - 大頭照先用一個圓形的灰色佔位圖 請給我完整的 index.html，我要整個複製貼上。
index.html，點右上角的鉛筆圖示。練「一次只改一件事」，這是整個練習最值錢的習慣。
下面三個提示詞，一次貼一個。貼完、改完、看到網站真的變了，再貼下一個。不要一次貼三個。
網站名稱的字太小了，請放大一點，字體換成有溫度的襯線字體（像書本那種）。 其他地方都不要改，給我完整的 index.html。
背景的白色太刺眼了，請換成偏奶油色的暖白，文字換成暖棕色，不要純黑。 其他地方都不要改，給我完整的 index.html。
文章跟文章之間太擠了，請把間距拉開，行距也放寬一點，看起來要舒服、不壓迫。 其他地方都不要改，給我完整的 index.html。
你原本說的「使用者友善、互動式觸感」，就是這一關。
請幫網站加上互動感，讓它摸起來有反應： 1. 滑鼠移到文章卡片上時，卡片輕輕浮起來，出現很淡的陰影 2. 導覽列的分類，滑過去的時候底下浮出一條金黃色的線 3. 點分類連結時，畫面平滑地捲動過去，不要一下子跳過去 4. 手機和平板用手指點的時候也要有反應，按下去要有輕微的變化 5. 所有變化都要柔和，不要太誇張，動畫時間控制在 0.2 秒左右 另外請加上：如果使用者的裝置設定了「減少動態效果」，就自動關掉這些動畫。 其他地方都不要改，給我完整的 index.html。
最重要的一關。千萬不要跳過。
大部分人學不起來，不是因為笨，是因為怕弄壞。所以我們現在故意弄壞一次，讓你親眼看到它救得回來。之後你就敢亂試了。
index.html，點鉛筆，隨便刪掉中間一大段，按 Commit。index.html，點右上角 Raw，全選、複製。index.html，點鉛筆，全部刪掉、貼上、Commit。從「一個網頁」變成「一個部落格」。
現在我要加第一篇真正的文章。 請幫我做一個新檔案，路徑是 posts/post-1.html（檔名請一律用英文，不要用中文）。 這一頁的版面要跟首頁一致：一樣的導覽列、一樣的配色、一樣的字體。 內容區放單篇文章：大標題、日期、分類標籤、內文、最下面有一個「回首頁」的連結。 內文先放假文字，我之後自己換。 同時請更新 index.html，把文章列表的第一篇連到這個新頁面。 請分別給我兩個檔案的完整內容，並告訴我每個檔案要放在哪裡。
post-2.html、post-3.html 這樣接下去。你有提到「後臺幫我做起來」。這裡要老實講一件事。
GitHub Pages 是純靜態空間——白話說，它只會把檔案原封不動地給看的人，沒有一台電腦在後面幫你處理登入、存文章這些事。所以它做不出傳統的後臺。
如果你直接跟 ChatGPT 說「幫我做一個後臺」，最可能拿到兩種東西，兩種都會讓你白忙：
真正可行的只有三條路：
| 做法 | 實際情況 |
|---|---|
| 直接在 GitHub 網頁編輯 | 就是你第 1～5 關一直在做的事。零成本，而且真的可用。 |
| 接一個免費的編輯後臺 （Sveltia CMS） | 正解。裝在 /admin，用 GitHub 帳號登入，畫面像 Word，寫完按發布就進 GitHub。設定要人幫忙弄一次。 |
| 改用 WordPress、方格子 | 後臺現成的，但就不是這個練習了，版面也比較不能隨你高興。 |
建議：前五關先玩熟。等你對「檔案、Commit、還原」這三件事有感覺了，再請人幫你把 Sveltia CMS 接上去——那時候你才會知道它到底幫你省掉了什麼。
卡住的時候，照抄右邊那一欄。
| 當你遇到 | 你就這樣說 |
|---|---|
| 它只給你一小段，你不知道貼哪 | 請給我完整的檔案內容，我要整個複製貼上取代舊的 |
| 它寫「以此類推」「其餘省略」 | 不要省略，請把完整內容全部寫出來 |
| 它一次改太多地方 | 一次只改這一個地方，其他都不要動 |
| 改完變更醜了 | 這次的改動取消，回到上一版 |
| 完全看不懂它在說什麼 | 請用完全不懂電腦的人聽得懂的方式，再說一次 |
| 它叫你安裝東西 | 我不能安裝任何東西，只能用純 HTML、CSS、JavaScript，請重做 |
| 不知道下一步該做什麼 | 以我現在的程度，你建議下一步做什麼？給我三個選項 |
| 網站壞掉但不知道哪裡壞 | 我把完整的檔案貼給你，請你找出哪裡有問題，並給我修好的完整版 |
遇到了不要慌，多半是下面這幾個。
index.html，全小寫。打成 Index.html 就不會出現。?v=2 重新整理看看。- 連接，不要空格、不要中文。npm install 或 import 開頭的東西，就是走錯路了，請它重做。