A single-file html presentation has been a welcome feature, Feature request: Export to single HTML · Issue #788. And org-reveal offers a convenient single-file option, but with Issues. Fortunately, there is a package called inliner converting a html file with everything inlined.

What does inliner say about itself, adapted from remy/inliner: Node utility to inline images, CSS and JavaScript for a web page – useful for mobile sites ?

Turns your web page to a single HTML file with everything inlined.

What it does:

1. Get a list of all the assets required to drive the page: CSS, JavaScript, images, videos and images used in CSS
2. Minify JavaScript (via uglify-js)
3. Strips white from CSS
4. Base64 encode images and videos
5. Puts everything back together as a single HTML file with a simplfied doctype

This method is applicable to any html file posthumous (not on-the-fly with org-reveal’s single-file option). So you have the liberty to use whatever method needed to achieve the desirable effects for presentation.

The following steps are for org-reveal export.

1. generate a single-file html file with the following in Emacs org file.

   
   

   1 2	#+OPTIONS: reveal_single_file

1. remove the file:// hard links, if any, in the script from the exported html file.

2. Install the inliner utility via npm:

   
   

   1 2 3

   $ npm install -g inliner inliner --help

3. convert the html file generated in step 1 to PDF with liner without compression using -n option.

   NOTES: --nocompress is crucial, also c true when using Markdown (https://github.com/hakimel/reveal.js/issues/788).

   
   

   1 2	inliner -n  liver-slice-talk-2019.html >inliner.html

1. ☐ Inliner with markdown conversion: hkdobrev/service-providers-slides: Slides for service providers presentation, more discussion Feature request: Export to single HTML · Issue #788 · hakimel/reveal.js.
2. ☐ Another tool: html-inline – npm.
3. ☐ convert html slides to PDF: GitHub – astefanutti/decktape: PDF exporter for HTML presentations issues: 774970 – Headless Print to PDF – entire image clipped when it overflows page – chromium
4. ☐ PDF-export: PDF Export | reveal.js WORKS fine with normal reveal.js export with Chromium, NOT with the single-file version. Zoom out with Ctl+-, if needed, after appending ?print-pdf at the end of the url.
5. ☐ Image embedding with base64: org mode – Embed Image as Base64 on HTML export from Orgmode – Emacs Stack Exchange.
6. ☐

   If you want Emacs org-mode export html (not just org-reveal) with inline images, use code from org-mode html export with inline images.

   
   

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

   (defun org-html-export-to-mhtml (async subtree visible body)   (cl-letf (((symbol-function 'org-html--format-image) 'format-image-inline))     (org-html-export-to-html nil subtree visible body)))   (defun format-image-inline (source attributes info)   (let* ((ext (file-name-extension source))          (prefix (if (string= "svg" ext) "data:image/svg+xml;base64," "data:;base64,"))          (data (with-temp-buffer (url-insert-file-contents source) (buffer-string)))          (data-url (concat prefix (base64-encode-string data)))          (attributes (org-combine-plists `(:src ,data-url) attributes)))     (org-html-close-tag "img" (org-html--make-attribute-string attributes) info)))   (org-export-define-derived-backend 'html-inline-images 'html   :menu-entry '(?h "Export to HTML" ((?m "As MHTML file and open" org-html-export-to-mhtml))))