Directives

Directives are special syntax for dynamic content in Markdown.

Recent Directive

Show recent items from a collection:


  مرحبا بكم في bim 2024-04-01
  How bim Works 2024-03-15
  Building a Digital Garden with Backlinks 2024-03-01
  Tags and Contexts Explained 2024-02-15
  Markdown Features in Vibe Site 2024-02-01


  Writing Content 2026-02-03
  Getting Started 2026-02-03
  Language Detection 2026-02-03
  Collections 2026-02-03
  Tags and Contexts 2026-02-03
  Directives 2026-02-03
  Slides 2026-02-03
  Image Processing 2026-02-03
  Code Snippets 2026-02-03
  Features 2026-02-03

This generates an HTML list:

<ul class="recent-list">
  <li>
    <a href="/blog/post/">Post Title</a>
    <time datetime="2024-01-15">2024-01-15</time>
  </li>
  ...
</ul>

Supported Collections

{{recent blog N}} - Recent blog posts
{{recent notes N}} - Recent notes
{{recent snippets N}} - Recent snippets
{{recent talks N}} - Recent talks
{{recent projects N}} - Recent projects
{{recent recipes N}} - Recent recipes

Usage

Typically used on your homepage:

# Welcome

My latest writing:


  مرحبا بكم في bim 2024-04-01
  How bim Works 2024-03-15
  Building a Digital Garden with Backlinks 2024-03-01


Recent notes:


  Writing Content 2026-02-03
  Getting Started 2026-02-03
  Language Detection 2026-02-03
  Collections 2026-02-03
  Tags and Contexts 2026-02-03

Styling

The generated list has the class recent-list. Style it in your layout:

.recent-list {
  list-style: none;
  padding: 0;
}

.recent-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--border);
}

.recent-list time {
  color: var(--muted);
  margin-left: 1rem;
}