Sponsored by
ThumbnailCreator.com
Streamdown
PoYo.AI
高並發。穩定 AI API。更具優勢的價格。
APIMart
AI API, 99.9% SLA。您的 AI，永不斷線。
OfoxAI
統一的 API 閘道，可存取 GPT、Claude 與 Gemini 等 100 多種大型語言模型。
APIDot
統一的 AI API 平台，提供低成本、生產等級的影像與影片模型整合方案。
Raccoon AI
處理應用程式、研究、文件及一切事務的 AI 協作夥伴。Raccoon AI 是一個用於完成實際工作的協作式 AI 代理與工作區。你只需描述需求，並與擁有自己電腦、終端機、瀏覽器與網路能力的 AI 代理共同建構。你可以看見它的每個想法、每個建立的檔案與每個決策。在它偏離時修正方向，並在完成時立即發布。部署網頁應用、執行深度研究、分析資料，並製作簡報、影片、圖像與文件等。
Free
Streamdown產品資訊
Streamdown 是什麼？
Streamdown 是一個可直接替代 react-markdown 的工具，專為 AI 驅動的串流而設計。它的建立旨在簡化安全且格式正確的 Markdown 內容串流，無需複雜處理，支持像是 AI 元素回應組件等。可以作為獨立包安裝與使用，提供內建排版樣式、GitHub Flavored Markdown 支援、帶有 Shiki 語法高亮的互動程式碼區塊、透過 LaTeX 和 KaTeX 支援的數學表達式、互動的 Mermaid 圖表，以及對抗提示注入的強大安全加固功能。
如何使用Streamdown？
要使用 Streamdown，您可以直接使用 `npm i streamdown` 或通過 `npx ai-elements add response` 安裝。將其整合到您的 React 應用中，可使用 `<Response>` 組件（如果使用 AI 元素）或 Streamdown 組件本身來渲染 Markdown 內容。此外，您需要更新 Tailwind 的 `globals.css` 文件，以通過添加 `@source "..\/node_modules\/streamdown\/dist\/index.js";` 來包含 Streamdown 的樣式。
Streamdown的核心功能
直接替代 react-markdown
專為 AI 驅動串流設計
內建 Tailwind 類別的排版樣式
支援 GitHub Flavored Markdown (GFM)
帶有 Shiki 語法高亮和複製按鈕的互動程式碼區塊
透過 remark-math 和 KaTeX 支援 LaTeX 數學表達式
支援帶有渲染按鈕的互動 Mermaid 圖表
解析並樣式化未結束的 Markdown 區塊以提升串流美觀
內建安全加固功能，以防止提示注入（圖片/連結來源驗證）
可透過組件、允許的前綴、插件和 Shiki 主題的 props 進行自定義
Streamdown 的用例
#1
在網頁應用中渲染 AI 生成的串流 Markdown 內容
#2
為 AI 模型建立聊天介面或回應組件
#3
在 React 應用中顯示具複雜功能的 Markdown 內容（數學、圖表、程式碼）
#4
確保從不受信來源的安全 Markdown 渲染
來自 Streamdown 的常見問題解答
Streamdown 是什麼？它和 react-markdown 有什麼不同？
Streamdown 是否支援串流期間不完整的 Markdown？
Streamdown 如何處理串流內容的安全性？
我可以自定義程式碼區塊或其他 Markdown 元素的外觀嗎？
Streamdown 支援電子郵件和客戶服務聯絡資訊和退款聯絡資訊等。
更多聯絡資訊，請訪問聯絡我們頁面()
Streamdown 公司
Streamdown 公司名稱：Vercel 。
Streamdown 公司地址：。
有關Streamdown 的更多信息，請訪問關於我們頁面() 。
Streamdown 登入
Streamdown 註冊
Streamdown Github
Streamdown Github連結：https://github.com/vercel/streamdown
Tokenhot
統一的 LLM API 閘道器，支援 100+ 模型，最高可節省 90% 成本。
立即嘗試
AD
Streamdown 評論 (0)
5 分，滿分 5 分
Verdent
幾分鐘內用日常語言打造您的產品
立即嘗試
AD
分析Streamdown
Streamdown 網站流量分析
地理流量
Top 5 Regions
39.84%
12.39%
9.48%
6.43%
5.03%
May 2025 - May 2026 僅桌面設備
Streamdown 啟動嵌入
使用網站徽章來推動社區對 Toolify 發布的支持。 它們很容易嵌入您的主頁或頁腳。
Light
Neutral
Dark
複製嵌入代碼
如何安裝？
社群媒體聆聽