2026 09

thumbnail
cloudflare vectorize rag

RAG 架構實作:在 Cloudflare 上打造知識庫問答 | Cloudflare 完整教學

RAG(檢索增強生成,Retrieval-Augmented Generation) 是讓 LLM「有憑有據」回答問題的關鍵架構:在生成回答之前,先從你自己的知識庫檢索...

2026/09/07

thumbnail
tailwindcss css 效能

效能最佳化:壓小 CSS 與加速建置 | TailwindCSS 完整教學

效能最佳化 是把 TailwindCSS 專案從「能跑」推向「跑得又快又輕」的最後一哩路。在 v4,全新的 Oxide 引擎讓...

2026/09/07

thumbnail
cloudflare vectorize ai

Vectorize 向量資料庫入門:語意搜尋的第一塊拼圖 | Cloudflare 完整教學

Cloudflare Vectorize 是一個與 Workers 深度整合的全球分散式向量資料庫(vector database),專為儲存與查詢 ...

2026/09/06

thumbnail
tailwindcss css 建置工具

建置工具整合:Vite、PostCSS 與 CLI 三途徑 | TailwindCSS 完整教學

建置工具整合 是把 TailwindCSS 從「範例裡的 class」變成「真實專案裡的樣式」的關鍵一步。在 v4,你有三條路:跟 Vite</...

2026/09/06

thumbnail
cloudflare ai-gateway ai

AI Gateway:替所有 AI 請求加上快取、限流與可觀測 | Cloudflare 完整教學

上一篇《AI.run() 與常見任務》,我們用同一個 env.AI.run() 跑遍了文字、向量、影像、語音與工具呼叫。但當這些 AI 呼叫進到生產環境,新的煩惱就浮現...

2026/09/05

thumbnail
tailwindcss css 回饋

回饋模式:Modal、Toast 與 Skeleton 全攻略 | TailwindCSS 完整教學

回饋(Feedback) 是介面對使用者每一次操作的回應——你點了儲存,它得告訴你成功了;你按了刪除,它得先問你確定嗎;資料還在載入,它得讓你知道別急。這一篇用 Tailwind...

2026/09/05

thumbnail
cloudflare workers-ai ai

AI.run() 與常見任務:一個方法跑遍模型目錄 | Cloudflare 完整教學

上一篇《Workers AI 入門》,我們跑通了第一個 env.AI.run() 文字生成推論。但這個方法遠不只「丟 prompt、拿回答」這一招——同...

2026/09/04

thumbnail
tailwindcss css 導覽

導覽模式:navbar、下拉選單與行動 Drawer 全攻略 | TailwindCSS 完整教學

導覽(Navigation) 是使用者在網站裡移動的動線——navbar、下拉選單、麵包屑、Drawer,每一個都在回答「我現在在哪、可以去哪」。這一篇用 TailwindCSS...

2026/09/04

thumbnail
cloudflare workers-ai ai

Workers AI 入門:在邊緣直接跑 AI 推論 | Cloudflare 完整教學

Cloudflare Workers AI 讓你不必自己租 GPU、不必架 GPU 伺服器,就能在全球邊緣節點直接執行機器學習推論(inference)。這一篇...

2026/09/03

thumbnail
tailwindcss css 表單

表單模式:input/驗證/自訂 checkbox 的優雅寫法 | TailwindCSS 完整教學

表單(Form) 是最考驗一致性的 UI——原生元素在各瀏覽器長得七零八落,狀態(focus/disabled/invalid)又多。這一篇用 TailwindCSS...

2026/09/03