Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

This course is the most refreshing take on teaching design that I've come across.

— Mikaël Sévigny, Developer

Markdown Tag

Transform Markdown content written inline in your template. For when you just can't be bothered to write HTML or make another variable.

Example

<article class="mx-auto max-w-lg">
{{ markdown }}
# My Favorite Nickelodeon Shows
 
- Kenan & Kel
- All That
- Double Dare
- Wild & Crazy Kids
- Legends of the Hidden Temple
{{ /markdown }}
</article>
<article class="mx-auto max-w-lg">
<s:markdown>
# My Favorite Nickelodeon Shows
 
- Kenan & Kel
- All That
- Double Dare
- Wild & Crazy Kids
- Legends of the Hidden Temple
</s:markdown>
</article>
<article class="mx-auto max-w-lg">
<h1>My Favorite Nickelodeon Shows</h1>
<ul>
<li>Kenan & Kel</li>
<li>All That</li>
<li>Double Dare</li>
<li>Wild & Crazy Kids</li>
<li>Legends of the Hidden Temple</li>
</ul>
</article>
Hot Tip!

Markdown considers indentation to be a code block. You'll need to keep your content flush left or use the markdown:indent tag.

Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →