什么是脱机网页？就是在没有网络的时候，网页中包含的多媒体资源，包括图片，音频和视频，也能够访问。有时候我们分享这种脱机网页会更棒。

typora支持将markdown的内容导出为 html，优点是保留了各种主题定义的网页样式。但是其中的多媒体附件是使用本地链接的方式整合到一起的。如果 html 文件和这些附件文件的相对路径发生了变化，html中的多媒体资源也就无法访问了。

这里我们更希望所有的东西都在一个文件里边，这个时候就是所谓的 「standalone html」。事实上 jupyter notebook 导出的 html 就是一类 standalone html¹，数据分析的图标的结果是嵌入在网页里面的。

对于位图，音频还有视频文件，其实都是以 base64编码嵌入到网页中的。所以这意味着，只要我们将多媒体资源从二进制转成 base64（字符串），然后写入 html 中相应的 src 就可以了。

代码

注意音频和视频的 html标签 和属性。typora 导出时没有 controls，导致无法播放。

多媒体插入测试

先需要导出为 HTML文件，一定要放到和当前markdown文件相同的目录下，不然找不到附件，就没办法转码嵌入了。