Shortcodes Demo

This post demonstrates the new shortcodes feature in Marmite.

Read more about how to create your own shortcodes on Shortcodes Guide > creating-custom-shortcodes

YouTube Video

Here's a video about static site generators:

<!-- .youtube id=dQw4w9WgXcQ -->

You can also specify custom dimensions:

<!-- .youtube id=dQw4w9WgXcQ width=200 height=100 -->

Card Display

Card shortcodes allow you to display content previews with image, title and description:

<!-- .card slug=tag-markdown -->

You can also display cards for other content types:

<!-- .card slug=getting-started -->

Card for author:

<!-- .card slug=author-rochacbruno -->

With custom parameters:

<!-- .card slug="https://dynaconf.com" image="https://github.com/dynaconf.png" title="Custom Title" text="Custom Description" content_type="Project" -->

External link card:

<!-- .card slug="https://github.com/rochacbruno/marmite" title="Marmite Repository" text="Static site generator written in Rust" content_type="GitHub" image="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" -->

Card for stream:

<!-- .card slug=alt -->

Card for series:

<!-- .card slug=series-python-tutorial -->

Card for page:

<!-- .card slug=about -->

Image Gallery

<!-- .gallery path=summer2025 -->

Table of Contents

This page's table of contents:

<!-- .toc -->

Table of Contents

• YouTube Video
• Card Display
• Image Gallery
• Table of Contents
• Authors List
• Streams List
• Series List
• Posts List
• Pages List
• Tags List
• Social Networks
• Spotify Embed
• Conclusion

Authors List

All authors on this site:

<!-- .authors -->

• rochacbruno (36 posts)
• marmite (7 posts)
• john (1 posts)
• karlamagueta (1 posts)

Streams List

Available content streams:

<!-- .streams ord=desc items=5 -->

• index (36 posts)
• issue-test (3 posts)
• tutorial (3 posts)
• alt (1 posts)

Series List

All content series:

<!-- .series -->

• python-tutorial (3 posts)

With parameters:

<!-- .series ord=desc items=3 -->

• python-tutorial (3 posts)

Posts List

Recent posts:

<!-- .posts -->

Recent posts

• Marmite Documentation - 2026-01-02
• Image Optimization and Resizing - 2025-12-22
• Marmite 0.2.7 Release Notes - 2025-12-22
• Comunicação na Programação é muito importante & útil - 2025-11-25
• Special Characters in Tags - 2025-11-25
• This is a test of special chars on explicit slug - 2025-11-25
• Wikilinks Demo & How To Guide - 2025-11-24
• Python Installation with pip - 2025-08-06
• Image Gallery - 2025-08-03
• Installation - 2025-08-02

With custom parameters:

<!-- .posts ord=asc items=5 -->

• Pagination - 2023-01-01
• Enabling Comments - 2024-10-15
• Hosting - 2024-10-16
• Markdown Formatting Options - 2024-10-17
• Using Markdown to customize layout - 2024-10-18

Pages List

All pages:

<!-- .pages -->

• about
• Title is A
• This is a page with no front matter
• Showcase
• Contributors

Tags List

All tags with post counts:

<!-- .tags -->

Tags

• docs (26 posts)
• features (15 posts)
• customization (4 posts)
• configuration (4 posts)
• python (4 posts)
• markdown (3 posts)
• guide (3 posts)
• documentation (3 posts)
• images (3 posts)
• templates (3 posts)
• programming (3 posts)
• shortcodes (3 posts)
• content-organization (3 posts)
• tutorial (3 posts)
• announcement (2 posts)
• marmite (2 posts)
• release-notes (2 posts)
• streams (2 posts)
• reference (2 posts)
• theme (2 posts)
• installation (2 posts)
• data-types (1 posts)
• Comunicação (1 posts)
• gallery (1 posts)
• hosting (1 posts)
• pip (1 posts)
• cli (1 posts)
• indieweb (1 posts)
• data-structures (1 posts)
• optimization (1 posts)
• tools (1 posts)
• Programação (1 posts)
• draft (1 posts)
• collections (1 posts)
• themes (1 posts)
• wikilinks (1 posts)
• testing (1 posts)
• quality-assurance (1 posts)
• series (1 posts)
• seo (1 posts)
• common-mark (1 posts)
• documentacao (1 posts)
• gfm (1 posts)
• microformats (1 posts)
• comunicacao (1 posts)
• Documentação (1 posts)
• Common Mark (1 posts)
• web-standards (1 posts)
• GFM (1 posts)
• theming (1 posts)
• lychee (1 posts)
• programacao (1 posts)
• comments (1 posts)
• standards (1 posts)
• ci-cd (1 posts)

Limited tags:

<!-- .tags ord=desc items=5 -->

• docs (26 posts)
• features (15 posts)
• customization (4 posts)
• configuration (4 posts)
• python (4 posts)

Social Networks

<!-- .socials -->

My social networks

• LinkedIn: https://www.linkedin.com/in/rochacbruno/
• Github: https://github.com/rochacbruno

Spotify Embed

Embed Spotify albums, playlists, or tracks:

<!-- .spotify url="album/3aJozZhPbj8hKmJePJ2LtF" -->

You can also embed playlists with custom dimensions:

<!-- .spotify url="playlist/2GLlqaI9fD5bVwE7LIAQCh" width="100%" height="280" -->

Or a podcast episode:

<!-- .spotify url="episode/7ph7Vszk9Hld8y0MOEc0rl" -->

Conclusion

Shortcodes make it easy to add dynamic content to your static site! With 8 builtin shortcodes, you can create rich, interactive content while keeping your markdown clean and readable.

Please consider giving a ☆ on Marmite Github repository, that helps a lot!