零基礎、一個 AI、一個完整的網站

我會一點，但不夠

我是燈光設計師。雖然我懂一點程式，也聽得懂一些技術方面的東西。但懂一點程式碼跟真的做一個網站，是完全不同的事。網站開發意味著理解整個流程：怎麼選框架、怎麼串接網域、怎麼部署上線、怎麼讓所有東西兜在一起。我知道這些東西存在。我只是從來沒有實際做過。

但我想要一個網站。不是 WordPress 模板，不是 Wix 拖拉頁面。我想要一個真正像我的空間，讓我的作品、研究和文章可以共存的地方。

所以我試了一件事：如果我跟一個 AI 一起合作，把它做出來呢？

怎麼開始的

我先在電腦裡建了一個資料夾，把我想放在網站上的東西都收進去：每個作品的描述、照片、影片這些素材。

然後我在這個資料夾裡打開終端機，啟動 Claude Code，跟它說：

「這個資料夾裡面是我想放在網站上的 Project。我想做一個個人的作品網站，你可以幫我做嗎？」

Claude 開始幫我規劃，選了一些我沒聽過的框架。我沒有直接說好，而是問為什麼。它解釋了：做作品集網站，這個框架適合；做電商，就得選別的。不同需求，不同工具。

幾分鐘後，瀏覽器上跑著一個網站。我盯著螢幕想：我剛剛做了一個網站。 而且我知道為什麼它選了這些工具、這些工具各自負責什麼、接下來我要做哪些事。

這讓我意識到，我不只是在讓 AI 幫我完成腦中想像的東西，而是在做的過程中也在學。

所以我決定把這些東西記錄下來，開了一個部落格頁面：什麼是 Astro、什麼是 GitHub、什麼是 Terminal。這些你可能從來沒碰過，但在做的過程中自然就懂了。邊做邊寫，默默地就累積了很多知識。

這不是「寫程式」，這是溝通

也許你會覺得，是不是要先很了解網站開發的術語才能開始？其實不用。AI 會提供建議和選項讓你判斷。如果你不了解這些選項，可以再問它為什麼選這個、目的是什麼。

你就像是在跟一位網頁工程師溝通。所以重點不是技術，是釐清你自己的需求。你怎麼跟開發公司說，就怎麼跟 Claude 說。而且它 24 小時待命，會回答你所有的問題，不會不耐煩。

我實際的指令長這樣：

「這頁感覺太擠了，可以在段落之間加一點空間嗎？」
「我想要照片滑過去會放大，像在看線上藝廊那種。」
「部落格頁面要按日期排序，最新的在前面。」
「手機上也要能看。」
「幫我確認一下文章之間的連結有沒有都放上去？」

最後這個特別有意思。如果叫人去做，你得一篇一篇讀，判斷哪些文章有關聯，再決定連結要放哪裡。但我只要講這一句話，Claude 就會讀完所有文章、找出關聯性、把相關連結放進去。（其實你在這篇文章裡看到的那些連結，就是這個功能的實際範例。）

沒有程式碼，沒有技術名詞。Claude 寫程式，我看瀏覽器裡的結果。哪裡不對，我說哪裡不對。來來回回，直到看起來對為止。

改變一切的工作流程

真正的突破不是任何一個功能，是建立每天的節奏。

我建了一個叫 CLAUDE.md 的檔案，定義我們怎麼合作：

我說	發生什麼事
「早安」（check in）	Claude 拉最新的程式碼、啟動開發伺服器、建立每日報告、顯示待辦清單
「收工」（check out）	Claude 提交所有變更、推送到 GitHub、更新報告

聽起來很簡單，但這改變了一切。每天早上坐下來，狀態是清楚的。每天結束，工作是存好的。我從不會丟失進度。我從不需要想「我做到哪了？」

GitHub 在這裡也扮演了很重要的角色。我同時用三個裝置工作：一台 Windows 電腦、一台 Mac、還有我的 iPhone。Check-in 會把最新版本拉下來，check-out 會把所有東西推上去。所以不管我接下來用哪台裝置繼續，專案永遠是最新的。

有時候我走在路上，就直接用手機跟 Claude 討論文章的想法。它會把草稿存在專案裡，之後我再用電腦審核，最後發布到網站上。

讓我驚訝的事

思考的速度

讓我驚訝的不是 Claude 做事有多快，而是我必須跟著想得多快。

以前如果有一個想法或需求，我會花一兩週做研究：看文章、看 YouTube 教學、搞懂工具。一個緩慢漸進的過程，還沒開始做就先花了很多時間。

現在不一樣了。Claude 做得太快，瓶頸反而變成我自己。我必須很快知道自己要什麼。看到結果之後，也要很快反應：哪裡不對、要改什麼、下一步試什麼。迭代的週期從幾週變成幾分鐘，這推著我的思考也跟著加速。

最難的部分不是技術

最難的一刻不是什麼 bug 或壞掉的排版。是重寫我的 About 頁面。

Claude 可以在幾秒內生成一個 About 頁面。文法正確、結構完整、完全通用。換個名字也說得通。

我在這上面花了一整天。寫了三版。突破點是當我停止列學歷經歷，開始寫我真正在乎什麼的時候。

最終版本的開頭是：「一個在設計、藝術與科技之間游移的人⋯⋯」

AI 寫得很快。但找到自己的聲音需要時間。這是任何工具都無法跳過的部分。

記錄十年的工作

我做燈光設計做了十年。巴黎文化奧運、全台國家級劇院巡演、實驗性裝置。這些作品只活在我的記憶和散落的檔案裡。

當網站開發的阻力被移除後，我突然想要把所有東西都記錄下來。我花了兩天加入燈圖、預視算圖、演出照、設計理念，給這些作品一個它們應得的家。

沒有 AI，我不會做這件事。不是因為寫東西很難，而是因為技術上的開銷（圖片排版、響應式設計、雙語版本）扼殺了動力。移除開銷，分享作品的慾望就湧了回來。

我怎麼看這件事

我不是 AI 傳教士。我是一個想做東西的人，找到了一個讓我能做的工具。

我學到的事：

你不需要懂程式碼。你需要懂你想要什麼。 你越清楚描述你要的東西，結果越好。這跟跟團隊溝通是同一個能力，你已經有了。

AI 是一面鏡子，不是替代品。 每次 Claude 產出一版，我讀了就覺得：沒有錯，但不是我。 在接受和拒絕 AI 的建議之間，我找到了真正引起共鳴的東西。AI 給我選項。我選哪個是真的。

真正的價值是移除阻力。 AI 幫我克服了過去擋在面前的技術困難和時間成本。現在我可以專注在我真正在乎的事：我想傳遞什麼，我想記錄下什麼。這件事讓我非常興奮，甚至有點上癮。

網站現在長什麼樣

兩週後，網站有：

15 篇以上的已發布文章（中英雙語）
14 個作品集頁面，橫跨十年的燈光設計
互動元件（3D 瀏覽器、可拖曳的圖片走廊、比較滑桿）
碩士論文文件區
完整的 SEO 優化

而且它持續在進化。每天我坐下來，說聲「早安」，我們就從昨天停下的地方繼續。

如果你也在考慮

你不需要先學寫程式。不需要去上 bootcamp。不需要搞懂 React、CSS 或「靜態網站生成器」是什麼。

你只需要一件事：有一些東西想跟世界分享。

技術的部分？你可以在對話中搞定。

想了解怎麼使用 Claude Code，或是用 Claude Code 開始打造自己的網站？填寫這份表單，我會跟你聯繫！

dazai.studio

Dazai Chen

dazai.studio@gmail.com

詳細紀錄

想看每天做了什麼的逐日紀錄？

使用 Claude Code 打造網站 — 第一週紀錄 - 架構、第一批文章、互動元件
使用 Claude Code 打造網站 — 第二週 - 身份、作品集、找到自己的聲音