Prompt 工程
Markdown 語法與工程化渲染
模組六 · Prompt Engineering · 前置。點選語法元素看原始碼/渲染對比,再看前端渲染方案選型。
語法速覽 · 點選切換
點選語法元素,查看寫法與渲染對比
Markdown 原始碼
渲染效果
工程化:前端如何渲染 Markdown
大模型輸出 Markdown 文字後,前端需要將其渲染成富文字。選擇合適的庫是關鍵。
marked.js
6KB gzip
選型結論:輕量專案用 marked.js,React 專案用 react-markdown,需要公式/圖表用 markdown-it。流式核心:throttle + 未閉合標記補全。