個人故事架站教學AI 開發

白天修水電,晚上用 AI 架了一個網站:我的完整過程

我不是工程師,我在花蓮的溫泉飯店做水電工務。這篇記錄我怎麼用 AI 工具從零架出 easyknowai.com 的完整故事。

我叫傳恩,本名邱傳恩。我的正職是花蓮虎爺溫泉的水電工加飯店工務。

沒有資工背景。大學讀的是中國醫藥大學。不是工程師,不是設計師,不是行銷人。

但我在下班後的時間,用 AI 從零架了一個網站:easyknowai.com

這篇文章是完整的紀錄。如果你也想用 AI 做點什麼,但覺得自己「不夠格」,這篇是寫給你的。

為什麼我想做這個?

2025 年底,我開始接觸 AI 工具。一開始只是用 ChatGPT 幫忙寫 Email、整理筆記。

後來我發現一個問題:台灣有很多人想用 AI,但不知道從哪裡開始。

市面上的 AI 資訊要嘛太技術(什麼 token、fine-tuning、RAG),要嘛太表面(「AI 好棒棒」然後沒了)。

中間那一塊 —— 「告訴普通人,你的情況適合用什麼工具,怎麼開始用」 —— 幾乎沒有人在做。

所以我決定自己做。

我有什麼?什麼都沒有

當時我的狀態:

  • 寫程式經驗:(頂多在 ChatGPT 裡面跑過幾行 Python)
  • 架站經驗:幾乎零(幫朋友的理髮店做過一個超簡單的預約頁面)
  • 設計能力:
  • 行銷經驗:
  • 每天可用時間:下班後 3-4 小時(身體已經很累了)
  • 預算:接近零

但我有一個東西:AI。

我用了哪些工具?

用途 工具 費用
寫程式 Claude Code(命令列 AI) 有訂閱費
網站框架 Next.js + Tailwind CSS 免費
網站託管 Cloudflare Pages 免費
網域 easyknowai.com 約 NT$300/年
數據分析 Google Analytics 免費
電子報 Beehiiv 免費

整個網站的營運成本,一年不到 NT$500。

架站過程:AI 當工程師,我當產品經理

我的開發方式很特別:我不寫程式,我跟 AI 說我要什麼。

整個過程就像在跟一個超強的工程師對話:

我跟 AI 說的話大概是這樣 👇

「幫我建一個 AI 工具推薦網站。首頁要有一個大標題,寫 AI 很難懂?讓我幫你找到你的起點。下面要有兩個按鈕,一個去做測驗,一個看學習路徑。」

然後 AI 就直接生出程式碼。我看一下結果,覺得不對就繼續跟它說要改什麼。

就這樣,一來一回,第一版網站在一個晚上就做出來了。

網站有什麼功能?

1. AI 工具測驗

回答 5 個問題(你是誰、想解決什麼問題、需要什麼格式、經驗程度、使用情境),系統自動推薦最適合你的 3 個工具。

背後的邏輯是一個加權計分演算法:每個工具對每個標籤有不同的分數,你的回答會轉成標籤,然後比對所有工具的分數,推薦最高分的。

聽起來很技術?但這也是 AI 幫我寫的。我只是告訴它:「ChatGPT 適合新手和寫作需求,Midjourney 適合進階使用者和圖片需求」,它就幫我建好整個計分系統。

2. 15 個 AI 工具介紹

每個工具都有獨立頁面,包含:三步驟教學、適用情境、免費額度說明、直接試用按鈕。

不只是一般的 AI 工具,我還加了醫療人員專用的工具(Consensus、Glass AI、Elicit、Nabla),因為我的大學背景是醫學相關,我知道醫療人員的需求跟一般人不一樣。

3. 學習路徑

三條路線:完全新手、提升工作效率、創業副業。每條路線推薦 3 個工具 + 第一步行動。

4. Blog

你現在看的就是。寫 AI 工具教學、使用心得、新手入門指南。目標是讓 Google 搜尋到,帶來長期自然流量。

過程中踩了哪些坑?

坑 1:GitHub 帳號被鎖

我的 GitHub 帳號不知道為什麼被標記了,沒辦法用正常方式 push 程式碼。OAuth 驗證一直失敗,Personal Access Token 也被自動撤銷。

最後的解法:直接用 Cloudflare 的 CLI 工具部署,完全繞過 GitHub。

坑 2:網站部署成功但顯示空白

第一次部署完,打開 easyknowai.com,畫面顯示「Nothing is here yet」。原來是 Cloudflare Pages 的生產分支設定是 main,但我部署到了 master。一個參數的差別,debug 了快一小時。

坑 3:免費工具的資訊一直變

AI 工具的免費額度幾乎每個月都在改。寫完資料才發現 Consensus 的免費次數改了、Elicit 的積分制度也變了。這代表這種網站需要持續維護,不能做完就丟。

成本總結

項目 費用
網域(easyknowai.com) ~NT$300/年
Cloudflare Pages 託管 NT$0
Google Analytics NT$0
Beehiiv Newsletter NT$0
總計 ~NT$300/年

一年 300 元,大概是一杯星巴克的錢。

上線之後我做了什麼?

  1. 申請 Affiliate 聯盟計畫 — Make.com、ElevenLabs、Gamma、Descript、Murf AI。有人從我的網站點過去付費,我就有佣金收入。
  2. 設定 Google Search Console — 提交 sitemap,讓 Google 知道我的網站存在,開始收錄頁面。
  3. 加上 JSON-LD 結構化資料 — 讓 AI 搜尋引擎(Perplexity、Google AI Overview)更容易引用我的內容。
  4. 開始寫 SEO 文章 — 用長尾關鍵字寫教學文章,讓不認識我的人也能透過 Google 找到我。

給想做類似事情的你

如果你看完這篇,心裡在想「我也想做點什麼」,這是我的建議:

1. 不要等到「準備好」

我開始做的時候,什麼都不會。如果我等到「學完 React、學完 Next.js、學完 Tailwind」才開始,我現在還在看教學影片。

2. 讓 AI 當你的技術合夥人

你不需要會寫程式。你需要的是知道你要什麼,然後跟 AI 說清楚。AI 負責寫程式,你負責想方向。

3. 先做出來,再慢慢改

我的網站第一版很醜、功能很少。但它在線上了。然後我每天改一點、加一點,從 3 個工具變成 15 個,從 3 題測驗變成 5 題複選,從沒有 blog 到你現在看的這篇。

4. 你的「不夠格」就是你的優勢

我不是工程師,所以我知道非工程師需要什麼。我不是 AI 專家,所以我知道新手會卡在哪裡。你的背景不是弱點,是你最大的差異化。

接下來我要做什麼?

  • 繼續 90 天 AI 工具日更挑戰
  • 每週寫 1-2 篇 SEO 文章
  • 幫更多小店家用 AI 做數位轉型
  • 8 月準備去澳洲,帶著這個網站繼續做

如果我可以,你一定也可以。


我是傳恩,在花蓮的溫泉飯店做水電工務。下班後自學程式,幫推拿店和理髮店做了線上預約系統。現在用同樣的方法,幫小店家用 AI 省時間、接更多客人。

更多工具教學 → easyknowai.com

你的店也想被更多客人找到?

跟我聊聊,看 AI 能幫你做什麼 → 免費諮詢

先逛逛?來 馬上懂AI 社團 看其他人怎麼用 AI · 延伸閱讀:ChatGPT 新手教學