從零開始用 Vibe Coding 打造個人網站：寫作者也能在週末上線自己的數位門面
最近兩個月，被身邊朋友問最多的問題大概是：「你那個 vista.tw 是怎麼做的？」
問的人有些是寫作者、有些是教練、也有幾位是做品牌諮詢的同行。共通點是手上都有大量的內容、案例、或想經營的讀者。但這些東西，卻長期放在跟別人租來的房子裡——文章在 Medium、見證在 Facebook、課程介紹在 Notion 公開頁、舊作品在 Google Drive 裡躺好幾年沒人看。
我以前也一樣。
事實上 vista.tw 第一個版本是我從 2010 年左右開始的部落格搬過來的，中間換過幾次平臺，每次搬家都像在打掃一間舊倉庫。等我終於把它換到目前這個 Astro 架構的時候，我才意識到——擋住我這麼多年的不是技術，是心態。
▲ Vibe Coding 真正的門檻不是技術，是你願不願意把我不是工程師那句話從口頭禪裡刪掉。
為什麼是現在？
Vibe Coding 這個詞，最早是 OpenAI 的 Andrej Karpathy 在 2025 年 2 月講出來的。他當時只是隨口形容自己跟 AI 寫程式的工作模式：你不真的在寫 code，你只是在感覺 vibe，看著它跑、請它修、繼續看。
這句話之所以爆紅，不是因為它新潮，而是它說出了一個許多人感覺到、但還沒人敢這樣講的轉變：寫程式這件事，第一次不再以語法為核心。
過去三十年，我看過太多寫作者朋友想做一個自己的網站，最後都卡在同一個地方：得先花六個月學 HTML/CSS、再花三個月學 JavaScript、再花兩個月學部署。等他學完，當初想寫的內容早就忘了一半，網站也沒做起來。
Vibe Coding 的順序不一樣。你先想清楚自己要什麼，然後用自然語言把它說給 AI 聽；AI 產生程式碼，你看跑出來的樣子對不對，不對就再說一次，用更精準的描述。
語法不再是門檻，能不能把腦中的畫面說清楚才是門檻。而說清楚這件事，寫作者每天都在做。
個人網站對寫作者來說到底解決什麼？
我得先承認一件事：如果你只是偶爾發點文章、跟讀者打打招呼，社群平臺真的夠用了，個人網站對你只是多一個負擔。
但寫作這件事如果你打算長期做下去，遲早會撞上幾道牆。
第一道牆是搜尋。讀者在 Google 搜你名字的那一刻，第一個跳出來的是什麼？我希望它是我自己控制的頁面，而不是某個 2014 年註冊就忘的論壇帳號。
第二道牆是經濟。當你開始接案、開課、賣電子書，你需要一個可以放定價、見證、結帳連結的地方。你總不能每次都叫客戶滑你的 Facebook 動態翻三個月以前的舊貼文。
第三道牆是時間。社群帳號是租的，網站是買的。我寫過的文章有些已經是十年前的，今天讀者還能在 vista.tw 上讀到——那些文章如果留在我當年用過的某個論壇或部落格平臺，現在大概早就消失了。
如果你也開始感覺到上面任何一道牆在逼近，這篇文章就是寫給你的。
Vibe Coding 真正的心態轉換：你不是在學程式，你是在學描述
這是我看過最多新手卡關的地方。
很多人一聽到 Vibe Coding，就跑去買程式入門課程，想說先把基礎打好。然後在第三週放棄。問題不在他們不夠努力，而是他們把學習路徑走反了。
傳統的程式學習是這樣：學語法，寫小程式，寫大程式，學會 debug，最後做出產品。Vibe Coding 完全不是這條路。它是：清楚描述你要什麼，AI 產出，你判斷哪裡不對，用更精準的語言改，做出產品。
注意第二條的核心動詞——描述、判斷、改寫。這三件事跟寫作極度相似。
寫作者每天都在做什麼？描述一個畫面、判斷一段文字哪裡不對、改成更精準的版本。這套肌肉你已經練了幾年甚至幾十年。Vibe Coding 只是把它應用到網站開發上而已。
我給準備開始的朋友一個簡單的心態檢查：當 AI 產出來的網站不符合你想要的，你的第一反應是什麼？
如果是「我剛剛是不是沒講清楚？」，恭喜，你已經進入 Vibe Coding 的工作模式了。
如果是「AI 真笨」或「我是不是還是該去把語法學一遍？」，那你還沒走進來。
我自己常用的工具
我看過太多新手在工具選擇上耗掉一整個週末，所以這部分我直接給結論，不解釋太多。
編輯器我自己現在主力是 Claude Code，純終端機介面，跟 AI 對話它直接改檔案，效率最高。不過給第一次接觸的朋友，我會建議從 Antigravity 開始——它是 Google 推出的 agent-first IDE，視覺上仍像傳統編輯器，左邊看得到檔案、右邊是 agent 工作區，但你不用先學「怎麼編輯程式碼」，直接把任務交給 agent 就好。對沒寫過程式的人來說，這種「指派工作」的工作模式其實比 Cursor 那種「我自己也得動手」的模式更輕鬆。等你開始覺得不滿足的時候，再切到 Claude Code。
程式語言的框架，我選 Astro。我知道現在最紅的是 Next.js，但對寫作者來說，Astro 才是甜蜜點。它把 Markdown 當一等公民——你寫文章就是寫 .md 檔，跟你平常記筆記沒兩樣；它預設輸出靜態網站，速度快、SEO 好、部署免費；它的資料夾結構很單純，新手不會迷路。vista.tw 本身就是 Astro 寫的，我用得很習慣。
網站部署，我用 Cloudflare Pages，到目前還沒花半毛錢。免費、CDN 全球佈點、頻寬無上限——對我這種有上千篇文章的站特別重要。如果你內容量還不大、想頻繁實驗新功能，Vercel 也很好，開發者體驗順手。我自己的副站有些就放 Vercel。
一個週末，怎麼從零開始
我把整條路在腦中跑過幾遍，覺得最舒服的節奏是這樣的。
週六早上你打開 Antigravity 或 Claude Code，跟它說：幫我用 Astro 建立一個個人網站，第一頁是 about，內容是我是誰、做什麼、過去做過哪兩三件事，風格簡潔、文字優先、不要花俏動畫。AI 會把專案結構建好、第一頁寫好。你看一下，不喜歡就請它改。這一段大概九十分鐘，含你來回試三四次。
週六下午處理部落格。如果你過去寫過文章，挑五篇最近的搬進來。請 AI 幫你加一個 /blog 路由，讓它去讀 src/content/blog 資料夾裡的 markdown，每篇要有 title、description、pubDate、tags，首頁顯示最新三篇。從這一刻起，你的網站就有持續更新的理由。
週日上午加一個訂閱表單。寫作者最重要的資產是讀者名單，所有付費電子報平臺最後都會抽成、改版、加廣告，唯一不會背叛你的是自己的訂閱表單。把 Substack、ConvertKit 或 Buttondown 任何一個的 embed 串進去，只要 email 一個欄位就好。
週日下午部署上線。Cloudflare Pages 一句話搞定。網域在 Cloudflare Registrar 或 Namecheap 買，一年大概十二到十五美元。
最後一步——也是我覺得最重要的一步——寫一篇短文發到社群，標題就叫我有自己的網站了，附連結。這一步是把網站從技術作品變成個人品牌資產的關鍵。沒有這一步，你週末做完的東西兩個月後就沒人記得了。
三個你大概會踩的坑
第一個坑是想一次做完美。我看過最常見的悲劇是花三個月規劃、最後一個畫面都沒上線。第一版網站一定很醜，這沒關係，醜的版本上線比完美的版本沒上線好一萬倍。
第二個坑是陷入「再學一個工具」的迴圈。當你已經能用現有工具做出基本網站，請不要看到別人推薦新工具就跳。切換工具的成本永遠被低估。除非現有工具卡死你，否則就繼續用同一套，把時間花在內容上。
第三個坑是把網站當作品而不是習慣。最容易失敗的人，是把建站當一次性專案。建完之後不再更新，三個月後網站等於沒做。我自己給的最小持續節奏是每週至少更新一個東西——一篇文章、一個案例、甚至只是一句話的近況都好。有更新的網站，搜尋引擎才會繼續來爬，讀者才會記得回訪。
不想一個人摸？來工作坊現場做一個
上面那條週末路徑，是我假設你願意自己花時間磨、卡住會耐心 Google、出錯不會慌的版本。
但我也知道，很多朋友光是想到要打開編輯器、看到一個空白專案，就會手心冒汗。
所以我把這條路濃縮成一個三小時的工作坊：Vibe Coding 實戰工作坊｜3 小時打造你的第一個銷售頁。零基礎、不需要任何工程背景，現場我陪你從零開始，三小時內做出一個可以上線的個人網站、銷售頁或名單收集頁。
開到第五班了，已經有六十幾位學員——律師、醫師、大學教授、教練、自由工作者都有。學員平均評分 4.9 顆星。每班限十二人，因為我希望每個人都能被照顧到、卡住的時候我能即時走過去看你的螢幕。
如果你看完上面那條路覺得「對，這就是我想做的」，那條路就在那裡，自己走就好。如果你覺得「我大概一個人會卡住」，來工作坊，我陪你走完第一段。
你不是在做網站，你是在搬家
這幾年我愈來愈覺得，個人網站這件事用搬家來比喻最貼切。
過去十年，寫作者像是住在豪華大樓的租屋族。大樓很漂亮、設備齊全，但你不能改裝、不能裝信箱，房東漲房租或想搬遷你只能配合。社群平臺對寫作者扮演的就是這個角色。
蓋自己的個人網站，就是從租屋變成自己有一間房子。可能一開始很簡陋，但這是你的——你決定門口怎麼擺、客廳長什麼樣、要邀請誰進來。Vibe Coding 把蓋這間房子的成本降到一個週末就能完成，剩下的問題只有一個：你願不願意搬家？
如果願意，這個週末就是好時機。打開 Antigravity 或 Claude Code，跟它說第一句話。剩下的，邊走邊調整。
如果你想更系統地了解我怎麼把 AI 工具融入個人寫作工作流，歡迎訂閱我的電子報。我每週分享一個可以直接複製的 AI 寫作或建站流程，下週要聊的就是 vista.tw 的內容遷移實錄。
