Make your HTML look like Markdown
The text you’re reading right now is not plain text, but simple HTML styled like Markdown text. Right-click and inspect this page to get a feel of how it works.
It’s as simple as downloading remarkdown.css, and adding the
remarkdown class to a container:
<!doctype html> <html lang="en"> <head> <title>Using ReMarkdown</title> <link rel="stylesheet" href="https://unpkg.com/remarkdown.css/dist/remarkdown.css"> </head> <body class="remarkdown"> <h1>Hello World</h1> <p>A paragraph.</p> </body> </html>
Make it your own
ReMarkdown is broken down into a list of styles, and the default
remarkdown.css uses a dozen of them by default.
You can choose additional variants by adding option names as classes along the
remarkdown class. For example:
<body class="remarkdown h1-underline pre-ticks"> ... </body>
Take a look at the customize page for different ways to disable, enable or override styles, change the defaults, change how selectors look, etc.