iT邦幫忙

2025 iThome 鐵人賽

DAY 21
0
Modern Web

FlowNest系列 第 21

Day21_Hugging Face 初探

  • 分享至 

  • xImage
  •  

今日進度

先鎖定 Hugging Facemonsoon-nlp/gpt-nyc-affirmations 搭配 Helsinki-NLP/opus-mt-en-zh,並以 curl 測試 prompt 效果,記錄英文與中文輸出,確保鼓勵語氣符合產品調性。
接著新增 Vercel 雲函式

  • api/encouragement.ts
  • api/encouragement-image.ts
    統一透過 HUGGINGFACE_API_KEY 呼叫文字與圖像模型,並處理 超時、翻譯、Base64 等細節。
    前端部分:
  • 寫了 Pinia 狀態 useAiCoach,集中管理鼓勵與圖片的 loading、錯誤與歷史記錄
  • EncouragementGeneratorSupportImageGenerator 元件嵌入專注計時完成頁面
  • 提供輸入語言選擇、風格模板與 localStorage 快取
    實測結果:可以在 proxy 後順利串到 vercel dev

明天預計要做

1. Hugging Face 404 問題

https://ithelp.ithome.com.tw/upload/images/20251002/20168406iCUsYM0Vr6.png
404 是 Hugging Face 回傳的狀態,代表「該帳號目前沒有存取你指定的模型」。
檢查步驟:

  • Token 授權
    • 圖像:stabilityai/stable-diffusion-2-1 是 gated model。到 模型頁 登入並點「Accept license」。
    • 文字:monsoon-nlp/gpt-nyc-affirmations 沒有預設 Inference API,很多帳號會 404。建議改成 gpt2EleutherAI/gpt-neo-1.3B。若是其它 gated model,也要先到頁面接受條款。

2. 設定環境變數覆寫模型

.env.local 或 Vercel 環境變數加上:

HF_TEXT_MODEL_ID=gpt2
HF_IMAGE_MODEL_ID=runwayml/stable-diffusion-v1-5   # 這個一樣需要在模型頁面接受條款

存檔後:

vercel dev --listen 3000
npm run dev

讓新的 env 生效。

3. 確認錯誤訊息

可以直接打 API 來判斷是哪個模型沒授權:

curl -H "Authorization: Bearer hf_xxx" \
https://api-inference.huggingface.co/models/monsoon-nlp/gpt-nyc-affirmations

回傳 JSON 會顯示:

  • Model not found
  • You must accept the license
    把模型換成已開放的、或先在 Hugging Face 頁面接受條款後,再重新跑流程,就能避免 404。

上一篇
Day20_AI 功能調研與準備
系列文
FlowNest21
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言