← 所有學員作品

拖了 2 年的 WordPress 個人品牌網站,用 AI 分身 3 小時內完成

理樹水|職場誠實樹的 WordPress 個人品牌網站。網域買了兩年、一篇文章都沒寫,我把想法講給 AI 分身聽,由它設計、寫外掛、上線,分類與篇數會跟著後台自動更新。

  • 網站工具應用/APP
  • 個人品牌
  • Vibe Coding
  • Claude Code

理樹水首頁:標語、兩條內容線入口與 Instagram 圖拼貼。

先看結果

網域買了兩年,每年都乖乖付網站的費用,結果一篇文章都沒寫。

老實說,我當時的打算是,付完今年這一筆就不再續了,網站直接關掉。

直到 2026 年 10 月,我在清邁數位遊牧的第三天,剛好想說可以來試看看,請 AI 幫我架這個網站。沒想到拖了兩年的事,在不到 3 小時內就做完了。

現在站上有 6 個固定頁面、10 個分類、48 篇文章,分類跟篇數會跟著後台自動更新。我沒有寫任何程式,全部是把想法講給我的 AI 分身「小Joey」聽,由它設計、寫外掛、上線。網站在這裡:理樹水 growwatertree.com

以前卡在哪,現在變成什麼

我把前後的差別排成一張表:

Before(原本)After(AI 分身接手後)
網站網域買了兩年,頁面全是 Kadence 的英文裝修公司樣板,電話是假號碼,文章是 10 篇假文章,日期停在 2022 年6 個固定頁面、10 個分類、48 篇文章上線,首頁、導覽列、篇數、分類頁跟著後台自動更新
文案與版面沒有定位、沒有文字,我「怕做不好」一直拖定位寫清楚:寫給職場新鮮人與還在奮鬥的人,兩條內容線(職場誠實樹、理財水男孩)加一個工作室
速度與體檢沒檢查過手機版 Lighthouse 首頁 96、文章頁 91、分類頁 94(原本版面 63~70 分,修完才到這個分數)
我花的力氣想了兩年做不出來,本來打算付完今年的費用就關站我負責講想法、看截圖、點頭;寫程式、組版、上傳、驗收交給小Joey
後續維護沒有人維護我只要在後台發文章、選分類,網站自己更新;要改版面就跟小Joey 說

最痛的點是:網站每年都在付費,內容卻是空的,我當時是真的打算讓它關掉。

我怎麼跟 AI 分工

每一步都是「我講想法,小Joey 做,我看截圖,我點頭才往下」。下表是各個環節誰負責、用了什麼:

環節誰做工具
定位與讀者(誰會來看、寫什麼)我決定,小Joey 整理成文件Claude Code
文案(語氣像我)小Joey 照我的語氣檔寫,我改到順語氣 Skill(職場誠實樹)
版面設計(暖米色面板、思源黑體、不放數字磚和 emoji)小Joey 做三版,我選 B 版ui-ux-pro-max Skill、本機預覽
把版面做成 WordPress 外掛小Joey 寫、打包Python 腳本、本機測試站
上傳、驗收小Joey 先在測試站跑完,我點頭才上正式站Chrome、WordPress 命令列工具、Lighthouse
文章搬家與修圖44 篇舊文由工具匯入,補圖片說明文字自製 Python 工具
規格書小Joey 隨時更新,下次換一個 AI 也能接手Markdown 規格書

整個網站的運作方式是這樣:我在 WordPress 後台發文章或改分類,外掛即時讀資料庫,首頁、導覽列、分類頁自動更新。設計原始檔由小Joey 維護,重新打包後,我點頭才上傳。

流程圖載入中…

我自己定了三條安全規則,AI 做事,我把關:

  1. 發布、上傳外掛、改已發布文章,每次都先問我。
  2. 刪除資料,一律我自己按。
  3. 密碼與授權,我自己輸入,AI 不碰。

「找主題」頁:標籤自動分組,新增的標籤會自己出現。

4 個印象最深的轉折

1. 後台改了,全站就跟著變

一開始我以為,網站做完就是把每一頁排好。後來才發現,其實最省力的是做成外掛。如果每一頁都寫死,我每發一篇新文章,就得請 AI 重改一次。

所以小Joey 把分類、篇數、導覽列、首頁最新文章,都改成從 WordPress 資料庫即時讀。現在我新開一個分類,它自己進導覽列、頁尾、首頁和分類頁。

分類、篇數、最新文章都從後台即時連動。

2. 44 篇舊文放上站,Google 可能不收錄

我把以前在股感、安錢感發表的 44 篇文章搬過來,全文都放,文末寫原文出處。

小Joey 去查,Google 對轉載文章的建議是擋索引。而且那段時間在 Search Console 上,這 44 篇的點擊是 0。所以現在外掛讓這些舊文 noindex, follow:讀者看得到,站內連結照算,搜尋引擎不重複收錄。之後我自己寫的新文章,才吃得到排名。

這個決定不是 AI 幫我做的。我本來就有 SEO 和網站的經驗,所以我先聽它怎麼分析,再用自己的判斷跟它來回確認,最後才拍板。

3. 網址一次改對,比之後再改便宜

文章網址原本是 /文章代稱/,後來我改成分層的 /honesttree/productivity-tools/文章代稱/。小Joey 一次處理三件事:新網址上線、舊網址全部 301 轉過來、內文裡寫死的舊連結輸出時自動換新。

標籤也一次把 57 個中文網址改成英文,舊網址我們一個一個驗過,都轉得過去。

4. AI 說「完成」,還要驗過才算

文章頁有一次,圖片被拉成 16:10 變形了,原因是 WordPress 6.7 的新設定。

小Joey 的做法是:用訪客身分讀正式站,桌機 1440 和手機 390 各截圖、量尺寸、看主控台有沒有錯,全部過了才算做完。這份驗收清單現在寫在規格書裡,每次改版都照跑。

現在的網站,還有我的上稿流程

兩條內容線,用綠色和藍色分開:

外掛版本是 1.0.24。從 10 月 1 日上線的 1.0.0,到 10 月 8 日更新到 1.0.24,內容包含版面、速度、SEO、網址與手機體驗,每一版都有紀錄,可以退版。

我現在上稿的流程是:

  1. 我在 Notion 文章庫寫完一篇、改好。
  2. 跟小Joey 說「上稿」,它把文章、精選圖、分類、SEO 設成 WordPress 草稿。
  3. 我看過,自己按「發布」。
  4. 首頁最新文章、分類篇數、找主題頁自動更新,不用另外改版面。

上線那一刻,我心裡五味雜陳。我很讚嘆 AI 的發展,也很讚嘆雷蒙這堂課,還有自己這幾個月密集使用之後,能力的提升。從 9 月初開始用 AI 分身到現在,一個多月的時間,我花在 Claude Code 上的時間約 159 個小時。

連寫文章的方式也變了。以前寫一篇,我得花很多時間構思,還要想文法、寫法對不對。現在我把時間花在「這篇想傳達什麼感受」,直接分享出來,也不用怕排版不好。

手機版我也有盯。文章頁的摘要排在照片前面,讓人先看到這篇在講什麼:

我在站上寫過的內容

網站的主體是文章。48 篇裡,有 4 篇是我這一季直接寫在站上的新文章,其他是我過去在財經媒體發表的內容,放全文,並標示原文出處。

文章頁:麵包屑、目錄、進度條與作者卡。

下表是我直接寫在站上的 4 篇:

過去發表的 44 篇,大致分成這幾個主題:

  • AI 與工作工具:Claude、Notion AI、Google NotebookLM、Gemini、Perplexity、ChatGPT Atlas、Meta AI、AI Agent 是什麼、會議紀錄怎麼寫
  • 職場與轉職:30 歲轉職、職場霸凌新法、不同世代怎麼看職場、永續管理師
  • 遠距與數位遊牧:數位遊牧優缺點與準備清單、馬來西亞入境 MDAC
  • 存錢與理財:5 種無痛存錢法、緊急預備金、第一桶金、複利、基金風險等級
  • 投資基礎與技術分析:核心衛星投資、債券 ETF、乖離率、上下影線、左側右側交易

想逛逛的話,可以從這幾個入口開始:用主題找文章、職場誠實樹、理財水男孩、工作室。也可以在 Threads 找我:@career.honesttree、@financial.waterboy。

我在 Threads 寫下的上課心得

不得不說這堂課真的很優質。我上個禮拜五開始上這堂課,然後開始碰 Claude,到目前為止已經花了超過 50 個小時在這堂課以及這個工具上面了。

生產力提升的速度遠遠大過於我的想像。

以往我有滿多的工作需要 SOP、需要人工去完成;上完這堂課,我學會了如何自動化串接流程,而且品質跟我做的一樣,甚至比我還要好。

之前有很多停滯了一兩年的專案,就是因為專案太多卡不過來,所以先擱在後面。

上完這堂課之後,我把這些停滯很久的案子又拿回來重新做了。為什麼?因為我有更多的時間、更多的產能,可以去做那些原本我沒辦法做的事情。

也做了一個自己的分身。

以往我以為分身只是一個行銷術語,沒有什麼實際的功能,但上完課之後才發現,它帶給我的價值遠遠超過我的想像。

原文:職場誠實樹的 Threads 貼文

課程學習心得與評價

我是純文組。第一份工作就進科技業,但寫程式從來不在我的工作範圍裡。上完《超級 AI 個體》之後,我才知道要練的不是寫程式,而是把想法講清楚。

  • 以前:想法在腦袋裡轉兩年,轉不成作品。
  • 現在:想法講給小Joey 聽,它問我、我答,一個網站就出來了。
  • 還是我負責的:定位、哪些話能講、哪些話不能講、按不按發布。

最讓我一直想起來的一句話是:在這個 AI 時代,沒有你做不到的事,只有你想不到的事。

留言與交流

使用 GitHub 帳號回覆作者,分享你的想法。