Demonstrações práticas de cabeçalhos de metadados em YAML, taxonomias e consumo de variáveis em sistemas de documentação estática.

🗺️ Mapa de Consumo de Metadados em Geradores Estáticos

flowchart LR
    YAML["Frontmatter YAML:\ntags: ['ia', 'python']\nauthor: 'Maria'"]
    --> ENGINE["Static Site Generator (Jekyll / Astro)"]
    ENGINE --> OBJ["Objeto Global: page.tags / page.author"]
    OBJ --> SEO["Tags <meta> para Motores de Busca (Google)"]
    OBJ --> NAV["Navegação por Tags e Breadcrumbs ⚡"]

    style YAML fill:#ede7f6,stroke:#512da8,stroke-width:2px
    style ENGINE fill:#fff3e0,stroke:#ff9800,stroke-width:2px
    style OBJ fill:#e1f5fe,stroke:#03a9f4,stroke-width:2px
    style SEO fill:#e8f5e9,stroke:#4caf50,stroke-width:1.5px
    style NAV fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff

📄 Exemplo 1: Frontmatter Completo para Documentação Técnica Profissional

---
layout: default
title: "Guia de Implementação de Segurança com OAuth 2.1"
subtitle: "Padronização de Fluxos de Autorização com PKCE para Single Page Apps"
date: 2026-09-01 10:00:00 -0300
author:
  name: "Carlos Drummond"
  avatar: "/assets/autores/carlos.jpg"
  github: "cdrummond"
categories: [seguranca, web]
tags: [oauth, jwt, pkce, backend]
toc: true
published: true
version: "2.1.0"
difficulty: "Intermediário"
estimated_reading_time: "12 minutos"
---

📄 Exemplo 2: Frontmatter para Slides Reveal.js

---
layout: slide
title: "Apresentação: Arquitetura Orientada a Eventos"
theme: "black"
transition: "slide"
slideNumber: true
reveal_plugins:
  - notes
  - highlight
  - math
---