Markdown 语法与渲染 Pipeline
常用语法速查 + 实时编辑器 + marked.js / markdown-it 渲染方案
本页解决的问题
先给结论「Markdown 语法与渲染 Pipeline」要解决的关键问题是什么？
常用语法速查 + 实时编辑器 + marked.js / markdown-it 渲染方案
让这个结论先证明自己值得留下。 把这一页当成决策工具，而不是需要背下来的定义。把概念连到一个真实任务、一个可观察结果，以及一个能改变你判断的失败上。
写下一个问题：试完这个方法后，你能用什么证据回答它？
结论听起来很完整，却没有检查最关键的假设。
大模型输出 Markdown 文本后，前端需要将其渲染成富文本。选择合适的库是关键。
marked.js
6KB gzip「点击语法元素，查看写法与渲染对比」怎样变成可执行的指令
「大模型输出 Markdown 文本后，前端需要将其渲染成富文本。选择合适的库是关键」强调的不是某句神奇咒语，而是信息是否足够让模型判断“为谁做、要完成什么、什么结果算合格”。
背景决定方向，限制决定边界
从「大模型输出 Markdown 文本后，前端需要将其渲染成富文本。选择合适的库是关键」可以看出，一个有效请求至少要把任务、受众、输入材料、输出形式和限制条件分开。少了背景，模型只能猜；少了验收标准，即使文字流畅也无法判断是否完成任务。
继续加字不一定继续变好
把「大模型输出 Markdown 文本后，前端需要将其渲染成富文本。选择合适的库是关键」变成一个小练习：只改背景、要求、限制中的一项，保留其他内容不动，观察哪一层真正改变了结果。
从「点击语法元素，查看写法与渲染对比」走到「工程化：前端如何渲染 Markdown」
「点击语法元素，查看写法与渲染对比」先把问题落在「# 标题 ** 加粗/斜体 - 列表 ` 代码 > 引用/表格 Markdown 源码 渲染效果」上；到了「工程化：前端如何渲染 Markdown」，讨论继续推进到「大模型输出 Markdown 文本后，前端需要将其渲染成富文本。选择合适的库是关键」。两段连起来，重点就不只是记住一个结论，而是看清它成立所依赖的条件。
把这条判断带到下一个场景
写请求时也应逐层补齐：先说任务和受众，再给材料和输出要求，最后加上限制与验收方式；一次只改变一层，才能知道哪项信息起了作用。
- 「点击语法元素，查看写法与渲染对比」：# 标题 ** 加粗/斜体 - 列表 ` 代码 > 引用/表格 Markdown 源码 渲染效果
- 「工程化：前端如何渲染 Markdown」：大模型输出 Markdown 文本后，前端需要将其渲染成富文本。选择合适的库是关键
- 「marked.js」：6KB gzip 选型结论： 轻量项目用 marked.js ，React 项目用 react-markdown ，需要公式/图表用 markdown-it 。流式核心： throttle + 未闭合标记补全
最后的「marked.js」把讨论落到「6KB gzip 选型结论： 轻量项目用 marked.js ，React 项目用 react-markdown ，需要公式/图表用 markdown-it 。流式核心： throttle + 未闭合标记补全」。回看这条线索时，最值得保留的是：当输入、规模或风险改变，哪些判断需要重新做一遍。
我把这篇文章里的一个判断改写成了今天可以验证的小实验。比记住结论更有用的是，知道下一步要观察什么。
读完以后我先回头找它成立的条件，而不是直接把方法搬进项目。这个顺序让后面的取舍清楚很多。
如果把这个判断放到真实工作里，最先需要补的约束是什么？我想知道从阅读到第一次实践之间，哪一步最值得先做。
还没有这篇文章的讨论。