Markdown
to HTML

Open your file in RenderMD, then use the Export menu.

The downloaded page loads its fonts from Google Fonts and the math styles from jsDelivr. Everything else is in the file.

Edit an example to see the markup change. Each one shows what goes inside the <article>. RenderMD follows CommonMark and GitHub Flavored Markdown, so the HTML matches what other standard converters produce for the same text.

• One <article class="doc"> element wraps the document. Headings carry ids, so links to #sections work.
• Code blocks are split into <span class="token"> elements, coloured by the --shiki-light and --shiki-dark CSS variables. Give .token a color that reads one of them, or use the downloaded page, which does it for you.
• Math is KaTeX markup. It needs KaTeX’s stylesheet on your page.
• Mermaid diagrams are inline <svg> elements, so they need nothing else.
• Task list checkboxes are disabled <input>s.
• Links are absolute, so they work wherever you paste the markup. Links to other sites carry target="_blank" and rel="noopener noreferrer".

Scripts, inline event handlers and other unsafe HTML in the markdown are removed before rendering, using GitHub’s sanitizing rules.

The markup has no styles of its own. A few rules make it readable on a plain page:

.doc { max-width: 42rem; margin: 0 auto; line-height: 1.6; }
.doc pre { overflow-x: auto; padding: 1rem; }
.doc pre .token { color: var(--shiki-light); }
.doc table { border-collapse: collapse; }
.doc :is(th, td) { border: 1px solid #ddd; padding: 0.4rem 0.6rem; }