如何将带有内容文件夹的 HMTL 文件转换为独立的 HTML 文件

Question

如何将带有内容文件夹的 HTML 文件转换为独立的 HTML 文件，该文件可以从任何地方查看其图像等。

怎么做才能使其也可编辑并在编辑后保持独立。

我基本上需要制作基于 HTML 文件的文档，可以从任何地方查看。不幸的是它必须是 HTML，否则我会制作 PDF

谢谢

Answer 1

您可以使用pandoc，它可以选择创建自包含的 html 文件https://pandoc.org/MANUAL.html#option--self-contained。

如果以开头html，这就是命令。

pandoc in.html --self-contained -o out.html

这个工具可以做很多更多的事情，比如，您还可以生成html从降价文件或产生pdf！而非。

此方法不保留样式 (4认同)
然而，如果你很幸运，只有一个 CSS 来完成所有样式，你可以继续使用“pandoc in.html -c style.css --self-contained -o out.html”，它最终会达到每个人的期望。 (3认同)
正如 @AntoineGallix 指出的，pandoc 创建一个独立的 html，同时默默地忽略所有 CSS 样式。换句话说，除了一些罕见的边缘情况之外，完全没有用。 (2认同)

Answer 2

最直接的方法就是将所有资源的 url 转换为data:urls。（有一些在线转换程序可以获取所提供的资源并data:从中生成一个 URL。）

一种可能更简单的方法是将图像和字体 url 转换为data:url，同时内联脚本和 css。

编辑：可能感兴趣：inliner，一个用于执行此类操作的 Node 实用程序。“将您的网页转换为内联所有内容的单个 HTML 文件”。还执行许多缩小优化。