我花了一個月，透過 AI 幫我從零開始蓋了一個新網站，重新整理了我多年的魔術記錄和文章。這次過程中，我不僅學會了技術，還發現了自己能夠實現這個夢想的信心。特別是 AI 插圖生成的功能，讓我的文章更具視覺語言，增添了創作的樂趣。現在，網站 tznthou.com 已經上線，期待與大家分享我的新作品，也歡迎交流搭建網站的經驗！
// TABLE OF CONTENTS
// TABLE OF CONTENTS
我花了一個月，用 AI 幫自己蓋了一個新家
說真的，我一直有一個說不出口的焦慮。
LoveMagi 用了快二十年（2006年開始的），那個網站承載著我從結婚後到現在，關於魔術的所有紀錄～專訪、評論、初學者日記、還有那些寫到一半的小說。但每次打開那個後台，都有一種說不清楚的感覺，就是知道有些東西不對，卻又不知道從哪裡改起，甚至去年我把網站整整關掉一年，我想大概都沒有人發現 XD。
然後我遇到了 Claude Code。
那是去年年中的事，用了幾天之後，突然想到：欸，我乾脆自己蓋一個新網站好了？那個當下覺得自己有點天真（大誤），但真的就這樣開始了。
從零開始，AI 陪我蓋房子
我不是工程師，基礎的概念都是從架站，一路一路跟著 WordPress 而來的，但從來沒有自己完整做過一個有後台的網站系統（突然想起來，更早之前有跟著當年小正正的書，使用 DreamWeaver 學過一段時間的 PHP 還有 FLASH ，但我想已經沒有什麼人記得或知道這是啥東西了吧 XD ）。所以一開始的心態就是，就算搞砸了，學到東西就賺到了吧 ....
整個網站的架構是 Next.js + TypeScript，後端用的是 InsForge（ Zeabur 推薦的 BaaS 服務），AI 插圖用 Gemini API 生成。一路跌跌撞撞從認證系統、文章 CRUD、SEO 設定，一路寫到現在，差不多花了一個多月才把主要功能完成（其實基礎功能三天就做好了，但就是總覺得差一點，就一直調整）。
過程當然不是每天都很美好，有幾個晚上 debug 到凌晨兩點，還是找不到為什麼 token 沒有正確傳遞（那個 bug 後來發現是原來不是問題，單純是我網站太久沒有重登所以導致資料前台看起來正常，後台怎麼看都沒有資料，光是追到原因就追了好幾天...）。但說真的，那種找到問題的瞬間，跟變魔術找到方法的感覺有點像，都是那種「欸！就是這樣！」的爽感。
舊站 LoveMagi 上面一百多篇文章已經全部搬過來了，不過圖片的部分目前還沒有搬完，打開一些比較早期的文章，一定會看到圖片缺失的狀況，這個部分之後會盡量陸續把圖片補回來，請大家多包涵了。
（4/7補充：我終於想辦法補進來了，現在網站看起來正常多了）
我最喜歡的功能：AI 插圖生成
好啦，重頭戲來了。
如果你現在打開 tznthou.com 看我的文章，會發現新寫的文章裡至少會有一張，甚至好幾張配圖，而且不是隨便找來的示意圖，而是根據文章段落的內容，用 AI 生成的插圖。
這個功能是我最喜歡的，而且一開始就規劃好要做的。
怎麼運作的？在後台編輯文章、寫好一段內容之後，我可以直接選取那段文字，點「生成插圖」，輸入一個描述提示（prompt），再選一個風格～水彩、素描、寫實、卡通都行，Gemini Nano Bana 就會產出一張對應的圖片，直接插進文章裡，這個部份真的是拜 AI 所賜（沒有用到 PRO ，因為太貴 XD，最近升級 Banana2 ，成本從一張圖1元漲到2元 XD ）。
聽起來好像沒什麼，但實際用起來的感覺真的完全不一樣。
技術上，雖然只是選取文字，但其實背後還有送出 Prompt ，串接 API ，產生圖片是 PNG ，檔案太大，自動壓縮成 Webp 的過程。
每篇文章都有自己的視覺語言
這個功能讓我在寫文章這件事上，多了一層新的樂趣。
以前圖片是「配角」，寫完文章才去想的事。但現在，圖片變成文章的一部分了，我可以在寫某一段的時候，同時就會想：這段的畫面感是什麼？適合什麼風格？
以前寫魔術師專訪，受訪者說他習慣從音樂去發想魔術表演的情境，我以後就可以文字敘述「一個魔術師在舞台燈光下，手邊放著古典音樂樂譜」當選取文字，生出來的插圖馬上就讓這整個段落都更立體了起來。
另一篇關於讓三個 AI 互相 Code Review 的文章，我用了卡通風格，三個 AI 機器人圍坐在桌前，每個都皺著眉頭。那個畫面讓一篇技術文多了一點荒謬感，我自己看到了都覺得超貼切的 XD
每篇文章都慢慢有了自己的「視覺語言」，這是我在動手做之前完全沒有想到的事。
SEO？順手搞定了
雖然這次的重點不是 SEO，但既然蓋了網站，這塊也沒放掉，而且我們也知道，光是 SEO 上 WordPress 有多少強力的外掛。因此我們既然開發了自己的網站，這一塊當然也要處理，所以 sitemap 要自動產生，每篇文章都有 Open Graph 圖片和結構化資料，Lighthouse SEO 跑出來 100 分，算是有個交代。後台還有一個 AI SEO 建議面板，可以根據文章內容自動建議 meta description，雖然我大部分還是會自己改，但有個起點蠻省時間的，不過講真的 AI 時代，誰知道現在什麼樣的風潮才是對的。（雖然我寫文章還是挺不符合 SEO 精神的，連標題應該都沒有注重過 ...）
在這之後
回頭看這一個多月，最大的收穫其實不是技術上的東西。
而是「原來我也可以做到」這件事。
以前對「自己寫一個網站」一直有模糊的距離感，覺得那是工程師的事，不是我這種業餘玩家能碰的。但這次從零做到上線，問題都有辦法一個一個解決。那感覺有點像學會一個新的魔術手法，一開始覺得不可能，練著練著某一天突然就通了，然後你開始想還能拿這個手法做什麼程序。
網站現在上線了，tznthou.com，裡面放著從 LoveMagi 搬過來的老文章，和我慢慢在寫的新東西。
不知道大家有沒有也想過替自己蓋一個網站？或者已經有在用自己架的平台了？還是你跟我一樣想要放棄 WordPress 的？ 蠻好奇大家的經驗，歡迎留言跟我聊聊，跟我分享你的經驗。
// RELATED POSTS
地端 AI 值不值得？九個講者給了九個答案：2026/8/19 AI 小聚心得
我參加了一場AI小聚，主題是「企業地端」，原本以為會聽到一個標準答案，結果九位講者給了九種互相碰撞的答案。有人把成本攤成試算表，有人發現硬體三個月漲七成，有人算漏了管線每一節都在收錢，也有人直接說地端不是首要重點。最讓我震撼的是臺大醫院的資訊工程師，他買GB10的理由很單純：因為對外線路被挖斷過，他不想再等35分鐘。那一晚我才真正理解，地端AI從來不是技術選擇題，而是你站在哪裡、看見什麼問題的視角差異。九個答案沒有對錯，只有位置不同。
Jackle 太變態了：七月 AI 小聚全對談心得
七月AI小聚讓我印象最深的，不是任何技術方案，而是一個畫面：每個人都在畫一條線——AI做到哪裡，人從哪裡接手。Jackle用六個Claude Max帳號、每天螢幕十八小時，一個人扛起整間公司的AI導入，甚至說Fable出來後不再請人；小馮靠矩陣合併讓六機剪片從四小時變二十三分鐘。但下半場Sunny問「起床第一件事是什麼」，又把焦點拉回人的本質。那條線每個人畫的位置都不一樣，而且一直在動。我開始反思自己的那條線畫在哪裡。
退回 4.6 的那天晚上，我其實有點不甘心
退回4.6那晚，我其實很不甘心。不是因為工具不好用，而是我分不清那個讓參數蒸發的bug，到底是模型沒生成，還是在我電腦上被組裝壞了。前者我無能為力，後者則有機會親手修復。於是我從binary裡挖出那段解析程式，終於確認：是客戶端的VH1在串流接縫處丟失了半截字串，導致工具參數整包變成空的{}。改兩個byte就能解決——我測試了760個案例，0個回歸。但改執行檔可能違反條款，每次更新還會被蓋掉。這不是教學，而是一個不甘心的人，親手把刀切下去的故事。
Opus 的 tool_use 蒸發 bug：9 天調查實錄，然後我退回了 4.6
在使用 Claude Code 的過程中，我遭遇了嚴重的 tool_use 蒸發 bug，讓我忍不住深入調查。從 4.7 到 4.8 版本，問題不斷出現，數據顯示故障率反而上升。最終，我選擇退回到 4.6，因為這個版本在多輪對話中沒有故障。這次調查讓我意識到，真正的問題出在模型變體的切換上，影響了思考到執行的過程。