第八篇 Asciidoc 输出 All In One HTML 解决图片无法显示问题

问题：我的图片显示不出来了

小明使用 Asciidoc 来记笔记，他将笔记输出为 HTML 文件。小丽向小明借笔记。小明将 Asciidoc 笔记输出为 HTML文件，并拷贝给了小丽。

但是，小丽发现，图片都显示不出来了。

小丽：小明，你给我的笔记，图片都显示不出来啊。

小明：是我给你的那个 HTML 文件吗？

小丽：是的。

小明：哦，我忘记拷贝 HTML 文件依赖的图片了。等我重新整理一下，再发给你。

说完，小明犯了难，因为这些 HTML 文件涉及多个本地的图片，要把它们都挑选出来，还真是麻烦。而且，即使挑选出来，这些图片所在的路径也不一样，这样需要建立多个对应的图片文件夹来放置这些挑出来的图片，而且，给小丽时，不是一个单一的HTML文件就可以，必须是一个压缩包，小丽需要解压缩所有文件到一个文件夹，然后进入这个文件夹，打开HTML文件，才能看到笔记。

怎么办呢？

data-uri

在默认情况下，Asciidoc 输出为 HTML 时，图片是不会嵌入到 HTML 文件的。因为图片在 HTML 文件中就是一个 img 标签，该标签的 src 属性是一个URL，引用一个外部的图片，例如：

<img src=".images/logo.png" alt="logo" />

上述图片要求，自己在images文件夹下，同时