第二步：渲染引擎落地——让Markdown实时变HTML
1. 环境准备与依赖选型 在构建一个现代 Markdown 实时预览器前，明确技术栈边界是安全与可维护性的第一道防线。本教程默认采用纯前端、浏览器运行环境（兼容 Vite/React/Vue/甚至原生 HTML 页面），不依赖服务端渲染——这意味着所有解析、渲染、防护逻辑必须在客户端健壮执行。 ✅ 基础要求： Node.js ≥ 18.0（确保 ESM 原生支持与现代 API 兼容性） 构建工具无强绑定：markdown-it 是纯 JS 库，import 即用，Vite/Webpack/Rollup 均无缝支持 🔍 主流 Markdown 解析库横向对比： 库 XSS 默认防护 插件生态 性能（10KB 文档） 维护状态 备注 marked ❌（需手动禁用 html: true） 中等 ⚡ 快（但 v4+ 移除同步 API） 活跃 配置项少，扩展性弱于 markdown-it remark ✅（纯 AST，无 HTML 输出） ⚙️ 极强（统一 AST 生态） 🐢 中等（AST 转换链长） 活跃 学习成本高，需搭配 rehype-stringify 等，适合复杂处理流 markdown-it ✅（默认 html: false，xhtmlOut 安全） 🌟 丰富（>200 官方/社区插件） ⚡⚡ 快（C 语言级优化 parser） 活跃 推荐首选：开箱即用的安全基线 + 插件即插即用 ⚠️ 明确避坑： ...