你手機裡大概也有一個 AI。
平常拿來幹嘛？我猜猜。
把小孩的照片變成日系卡通風。
把自己修成網路自介標配：身高 180、月入百萬、30 公分 / E 奶、鵝蛋臉，眼睛大到可以停飛機。
在單身照旁邊硬塞一個張凌赫，或是三上悠亞，假裝脫單。
把家裡那盤賣相普通的炒青菜，變成米其林等級的美食照。
為了這些，有些人每個月還乖乖付錢。
但你可能沒想過：同一個 AI，換個地方用，它會自己動手幫你蓋網站。
不用學程式。你負責講話，它負責寫。
這篇從零開始，我在旁邊一步一步跟你講。
要準備的東西，只有兩樣
第一樣：一台電腦。
我知道你平常只用手機。這篇用手機看沒問題，之後也可以全程用手機指揮。
但第一次，還是得有一台電腦。筆電、桌機、蘋果、Windows 都可以。怎麼挑，之後有機會再寫。
第二樣：一個會寫程式的 AI。
選項很多，我只推兩個：
- Claude：寫程式超級強。我是工程師，所以我用這個。
- ChatGPT：什麼都能做。老實說，做第一個網站，它就很夠用了。
挑一個就好，不用兩個都開。
這筆錢，不能省
免費版可以聊天，但要讓它真的動手寫程式，得付費。
| Claude | ChatGPT | |
|---|---|---|
| 要開的方案 | Pro | Plus |
| 月費 | 20 美金（年繳換算每月 17 美金） | 20 美金 |
| 寫程式的地方 | 桌面版 App 上面的 </> | 點 Code |
一個月 20 美金，大約 600 多塊台幣。
如果你本來就為了修圖、做美食照，每個月在付 ChatGPT Plus，那恭喜：同一份月費裡就有 Code，不用多花一毛錢。順便蓋個網站，這 20 美金突然變得很划算。
還沒付過的，我知道，對還沒賺到錢的人來說，這筆錢有點痛。
但這是入門法器。拿木劍去打王，打不贏不是你的問題，是劍的問題。
第一步：切到寫程式的模式
一般的聊天視窗，AI 只能把程式碼「講」給你聽，你還得自己複製、貼上、存檔。
寫程式的模式不一樣。它會自己建檔案、自己存檔，你只負責下指令。
換句話說，你原本只是個跟 AI 聊天的凡人，練氣一層，最大的神通是叫它幫你修圖。
點下這個按鈕，你直接跳過練氣二層到九層，原地築基，成為一名……不會寫程式的工程師。
境界突破得太快，有點根基不穩。沒關係，反正寫程式的是它。
我用的是 Claude，下面就用 Claude 示範。用 ChatGPT 的，找到 Code 點下去，後面的流程大同小異。
1. 下載 Claude 桌面版，打開，點左上角的 </>
到 Claude 官方下載頁 下載桌面版 App，裝好、登入。登入後照畫面升級成 Pro。
打開之後，左上角只有兩個小圖示：一個聊天的對話框，一個 </>。
點 </>，就進到寫程式的模式了。
2. 幫 AI 找一個洞府：點下面的資料夾
畫面最下面有一個輸入框，輸入框下面有一個資料夾的圖示。
AI 做出來的東西，全部會放在你選的資料夾裡。這是它的洞府，讓它在裡面閉關就好，別讓它在你整台電腦裡亂跑。
點下去，選最下面的 Open folder...：
3. 開一個新資料夾，取名 mydiary
跳出選資料夾的視窗後：
- 先點上面的新增資料夾，取名 mydiary。名字用英文，比較不會出怪問題。
- 點進這個新資料夾。
- 按右下角的選擇資料夾。
4. 確認右下角是 Auto
輸入框右下角，有一個寫著模式的小字。新版的 Claude 通常預設就是 Auto，看一眼確認就好。如果寫的是別的（例如 Manual），點下去，選 Auto。
這一步一定要確認。如果是 Manual，AI 每改一個檔案都要停下來問你「可以嗎？」。不改成 Auto，你會按 Allow 按到懷疑人生，按到想把電腦從窗戶丟出去。Manual 是給工程師看程式碼用的安全設定。
我們又看不懂程式碼，就交給它自己決定。我自己現在也都用 Auto。
沒了。就這樣。
比你第一次用 LINE 還簡單。
第二步：丟一句話給它
我這個網站，也不是一句話做出來的。一開始，我就是像跟朋友聊天一樣，把想做的事講給它聽。
下面這段，是照我當時講的整理出來的。整段複製，貼進去，先別急著按 Enter，把裡面的內容改成你自己的事，改好再送出：
我想做一個自己的網站，平常記錄我做副業的過程、小孩的成長，還有我用過覺得不錯的東西。之後想放蝦皮、酷澎的分潤連結賺點零用錢，也想讓 AI 幫我整理文章、寫 Threads 的貼文草稿，這個之後再說，先不用做。
我不會寫程式，手機比電腦熟。網站要手機看起來舒服，還要有一個只有我進得去的後台，可以新增、修改、刪除文章。先放在我自己的電腦上就好，網域等真的有人看再買。但要用 Docker 弄，以後要搬到雲端比較方便，電腦重開機網站也要自己跑起來。給別人看的部分用 Astro 做，之後 Google 和 ChatGPT 才找得到我。
你先不要急著寫，先用你的話講一次你理解的，有不懂的直接問我。確定之後，先做一個最簡單、看得到的版本給我看，我們再一點一點加。副業、小孩、用過的東西，都可以換成你自己的：家裡的食譜、旅遊紀錄、你的團購清單。
這段話裡有幾個詞，看不懂沒關係，我翻譯一下：
- 後台：只有你看得到的管理頁，新增文章、改字、刪文章都在這裡，不用每次都叫 AI 改。
- 網域：網站的門牌，像 xxx.com 那種。別人打這串網址就找得到你的網站，要花錢買，所以等真的有人看再說。
- Astro：做網站用的工具，免費。用它做，Google 找得到你，ChatGPT 也找得到你。簡單來說就是 SEO。
- Docker：把整個網站裝進一個箱子。箱子搬到哪都能跑。以後想讓別人也看到你的網站，或是搬上雲端（意思就是你的電腦不用一直開著，網站也照樣在），都只是把箱子搬過去而已。
分潤還沒申請的，1 分鐘就能搞定：
→ 傳送門：副業教學看了一堆還沒動？蝦皮分潤 1 分鐘申請，跟著我按
回到那段話。最後一段最重要。它會先講它聽懂了什麼，再問你幾個問題。你用平常講話的方式回答就好，不知道的就說不知道，它會給你建議。
確定了，它才開始動手，而且先做一個最簡單的版本給你看。
接著，它會開始自言自語，一下建檔案，一下寫東西。
有時候它還會說：「要先安裝 Docker」「要先安裝 Node.js」「需要 Python」「要裝 PHP」。
一堆英文，看起來很可怕。別慌。
這些都只是工具，就像煮飯要有電鍋。你不用懂電鍋怎麼做的，會按開關就好。
直接回它一句：
我不會，請一步一步教我怎麼裝，越簡單越好。它會從下載網址開始，一步一步帶你裝完。
跳出看不懂的錯誤視窗？不用研究。按 Alt + Print Screen（鍵盤上可能印成 PrtSc，有些筆電要再加按 Fn；用 Mac 的按 Cmd + Shift + 4）把那個視窗截下來，回到 Claude 的輸入框按 Ctrl + V 貼上，跟它說「這是什麼，怎麼辦」。它會告訴你下一步。
它一開始會先問你幾個問題。回答完、它開始動手了，你就可以去泡杯咖啡。
第三步：打開來看
做好之後，再丟這一句：
做好了嗎？告訴我要怎麼打開來看。它會一步一步教你，照做就對了。
第一次看到的時候，你大概會對著螢幕愣一下：「蛤？就這樣？」
不滿意？直接講
第一版一定有你不喜歡的地方。
我自己就是。AI 第一次做出這個網站的時候，我回它的第一句是：
你這美感很醜……很 AI。
改了幾輪，我還是不滿意，又丟了一段連我自己都覺得很廢的話：
整個頁面雖然是米黃色，但我覺得有點醜。雖然我不知道要什麼顏色才好，舉個例子，科技感、iPhone 感，或是 Threads、IG 那種感覺……痾，我不會說欸，就是網站質感看起來好像古老網站。
你看，連「要什麼顏色」都講不出來。
結果它沒有叫我講清楚。它直接做了三種風格，讓我用手機一個一個點開來看。我說黑底不好看、iPhone 那種不錯，它再弄幾種底色給我挑，最後選了你現在看到的這個灰色。
（我那時候已經能用手機看自己的網站了，怎麼做，下一篇教你。）
所以，你不會形容也沒關係，醜就說醜。真的講不出來，就丟這句：
好醜，看起來很像 AI 做的，但我也說不出要怎樣。做兩三種不同的風格給我挑，我在電腦上看看哪個順眼。逛到喜歡的網站，直接把網址貼給它：「照這個網站的感覺做。」它會自己點進去看，比截圖還準。
這個網站，現在只有你看得到
講清楚一件事：剛剛做出來的網站，只存在你的電腦裡。
別人看不到，你自己的手機也看不到。
而且你要改它，就得坐在電腦前面。
對有小孩的人來說，「坐在電腦前面一個小時」，大概跟閉關一樣奢侈。
所以下一篇，我要把你從電腦前面放出來。
蹲馬桶的時候、電視被小孩搶走的時候、吃飯吃到一半的時候，甚至躲在廁所假裝便秘、其實是在逃避洗碗的時候，都能繼續蓋網站。
至於你還想趁空檔偷偷幹嘛……那是你的事，我什麼都沒看到。