How to share an HTML file (like a quarto output in GitHub)

Let’s assume you have a raw HTML file on GitHub, such as a Jupyter notebook you rendered to HTML or a Quarto doc you rendered via quarto render.

If you try to share the link from GitHub directly, GitHub will just show the raw HTML file.

Use this link to convert it to your dashboard:

GitHub & BitBucket HTML Preview

Example:

GitHub File: https://github.com/bryanwhiting/blog/blob/gh-pages/index.html

Preview in GitHub

Preview using that link: https://htmlpreview.github.io/?https://github.com/bryanwhiting/blog/blob/gh-pages/index.html

Notice the URL at the bottom is not my site or my GitHub path.

Render HTML

_________________________

Bryan lives somewhere at the intersection of faith, fatherhood, and futurism and writes about tech, books, Christianity, gratitude, and whatever’s on his mind. If you liked reading, perhaps you’ll also like subscribing: