This page is pure Markdown

It is hosted as a .html file, but it is written in pure Markdown.

Traditional markdown-based static sites typically require pre-processing steps to convert markdown into HTML before hosting.

With this solution, you can host the raw markdown files while the browser handles the conversion dynamically.

🔧 Usage

1. Write your page in Markdown
2. Add this script at the top (or host the script yourself)

<script src="https://bit.ly/puremd"></script>

# Your Page

Using Markdown.

3. Host your file with the .html suffix

🕵️ Proof

Right-click on this page, and click on View page source (or check out the file on Github).

You can also render it in your terminal with glow :

# brew install glow
# or check https://github.com/charmbracelet/glow#installation

curl -s https://www.tducret.com/pure-markdown/ | glow -p

🃏 Capabilities

Emphasis

It supports italic, bold and strikethrough.

Lists

1. First level
   1. Very
   2. Cool
   3. Numerotation
2. Second level
   • Without
     • Numbers

Horizontal rule

Table

Code

Both inline code and code blocks :

console.log('Hello, World!');

Images

Links

• My LinkedIn Profile
• My GitHub Page

😔 Limitations

• HTML tags can't be written directly in your Markdown page. Use < instead of <
• Footnotes are not supported (as they are not supported by the marked.js library)
• Headers do not generate anchor links
• The script is not optimized for performance. It is a simple proof of concept.
• It is not optimized for SEO.

📚 References

• Github repository
• The Markdown conversion to HTML is performed with marked.js
• The CSS styling is a simplified version of the excellent bearblog.dev
• Markdown Cheatsheet