HTML Preview Not Working With Quarto-Generated HTML File

Question

I am trying to update my portfolio website with new Quarto-generated HTML files rather than my older RMarkdown-generated HTML files. I have rendered these updated files and they look great!

However, when I have uploaded this HTML to my GitHub Pages website, using htmlpreview, I get a very different picture...

Keep in mind that htmlpreview works perfectly well for my RMarkdown-renderd documents:

Here is my YAML for the Quarto document if it is of help:

author: "Brian Lookabaugh"
toc: true
number-sections: true
format:
  html:
    code-background: true

shafee · Accepted Answer · 2023-08-23T12:36:57.793

4

I think using ~~self-contained: true~~ embed-resources: true would solve your case, since you would need a standalone HTML file.

---
author: "Brian Lookabaugh"
toc: true
number-sections: true
format:
  html:
    embed-resources: true
    code-background: true
---

For reference, see this page from Quarto Docs.

edited Aug 23 '23 at 12:36

answered Sep 05 '22 at 15:55

shafee

15,566
3
19
47

1

Worked flawlessly, thank you! – Brian Lookabaugh Sep 05 '22 at 19:29
This trick doesn't seem to work at the moment, any idea? – Ni-Ar Aug 23 '23 at 05:47
@Ni-Ar, updated the answer. Try it now! – shafee Aug 23 '23 at 12:37
I solved it, I think updating quarto and switching to `embed-resources` helped. Also, I realized that the my private GutHub repo token was changing often and can't make a permanent link for html preview. – Ni-Ar Aug 24 '23 at 11:40

HTML Preview Not Working With Quarto-Generated HTML File

1 Answers1