learn / learn
用 AI 做一個 AI 聊天機器人(放網站、客服、作品集都行)
把 AI 聊天機器人放進你的網站,回答訪客問題、當客服、介紹你自己。用 vibe coding 不用工程師。
「網站上放一個會回答問題的 AI」現在很常見——當客服、介紹產品、回答關於你的問題。用 vibe coding 自己做不難。
它能做什麼
- 網站客服:回答常見問題、引導下單。
- 作品集問答:訪客問「你做過什麼」,它幫你答(像 作品集+問答機器人)。
- 產品導購:依需求推薦你的方案。
起手 prompt
在我的網站加一個 AI 聊天機器人:能根據我提供的資料(公司介紹、常見問題、產品)回答訪客問題,回答不出來就引導留聯絡方式。介面是右下角的對話泡泡、繁體中文。
重點觀念
- AI 的 API 金鑰放後端,不可放前端(會被盜刷,見 翻車墳場)。
- 限制範圍:餵它你的資料、限定它只答相關問題,避免亂講。
- 加用量上限:避免被大量呼叫、帳單暴衝。
成本
依使用量計費,小流量成本低;對外開放一定要設限制。
上線
用 Zeabur 部署,AI 金鑰設成環境變數。
常見問題
Q:要用哪個 AI? 做 AI 應用建議用最新、最強的 Claude 模型,效果與穩定度好。
Q:會不會亂回答? 餵好資料、限定範圍、加上「不確定就請對方留聯絡」的指示,能大幅減少。
把它放進你的個人網站很加分。或 挑個 Prompt 開始 →。