近期项目需要实现将 html 页面转换成 pdf 报告的需求，经过一番调研以及结合过往经验，发现了有如下三种技术方案，本篇文章主要内容是基于这三种不同方案的 demo 实现及对比。 方案选型 html

React 优雅的渲染 Markdown,使用react-markdown 配合 rehype-rewrite、remark-gfm等插件实现渲染

1. MDX MDX 是一种标记语法，它结合了 Markdown（一种流行的文本到 HTML 的转换工具）和 JSX（React 中用于描述 UI 组件的语法扩展）。MDX 允许你在 Markdown

markdown 中插入 React 组件，有两种方式，第一种是代码块： 这种情况适用于代码块中的代码过于复杂，单独提取到一个 tsx 文件中，会有更好的体验，下面开始...

第二种方式，解锁巅峰体验。只有你想不到，没有它做不到 1. 支持上面所有功能 2. 支持<code src="./Foo.tsx"/>格式引用组件 3. 支持代码块中，使用相对路径引用其他组件