Markdown Preview Enhanced é uma extensão poderosa para o editor Atom que oferece recursos avançados de pré-visualização e criação de apresentações. Neste guia, exploraremos como utilizar sua funcionalidade de apresentações baseada em reveal.js.
O que é a funcionalidade de apresentações do Markdown Preview Enhanced
O Markdown Preview Enhanced é uma ferramenta robusta que incorpora um motor de renderização de apresentações baseado em reveal.js. Isso permite a criação de slides profissionais utilizando apenas sintaxe Markdwon, sem a necessidade de dominar softwares complexos de apresentação.
Vantagens do uso para criação de apresentações
- Edição em texto puro: Todo conteúdo é escrito em Markdown, facilitando o versionamento e colaboração
- Amigável para código: Ideal para apresentações técnicas, com suporte a destaque de sintaxe e execução em tempo real
- Variedade de temas: Múltiplos temas embutidos para alteração instantânea do estilo da apresentação
- Alta customização: Possibilidade de personalização profunda de cada slide via CSS e configurações
Início Rápido
Estrutura básica de apresentação
Para criar uma apresentação mínima, utilize a seguinte estrutura:
# Título da Primeira Folha
Conteúdo da primeira folha
## Título da Segunda Folha
Conteúdo da segunda folha
O comentário <!-- slide --> serve para separar diferentes páginas de slides.
Configuração de parâmetros da apresentação
Utilize o front-matter YAML para definir configurações globais da apresentação:
---
presentation:
tema: noite.css
largura: 1024
altura: 768
transicao: convexo
---
# Minha Apresentação
Detalhes de Configuração Avançada
Escolha de temas
O Markdown Preview Enhanced suporta diversos temas do reveal.js:
- bege.css - Fundo bege
- preto.css - Fundo preto (ideal para ambientes com pouca luz)
- sangue.css - Tema vermelho escuro
- liga.css - Tema com gradiente escuro
- lua.css - Gradiente azul escuro
- noite.css - Fundo preto puro
- serifa.css - Estilo com fonte serifada
- simples.css - Branco minimalista
- ceu.css - Gradiente azul celeste
- solarizado.css - Paleta Solarized
- branco.css - Fundo branco puro
Efeitos de transição
Configure animações para a transição entre slides:
transicao: 'convexo' # Opções: none/fade/deslizar/convexo/concave/zoom
velocidadeTransicao: 'rapido' # Opções: default/rapido/lento
Configuração de recursos avançados
- Notas do apresentador: Ativa a adição de comentários exclusivos para o orador
- Reprodução automática: Define intervalo de tempo para troca automática de slides
- Repetição contínua: Reinicia autmoaticamente ao final da apresentação
- Ordem aleatória: Carrega slides em ordem aleatória a cada sessão
- Otimização para mobile: Configurações específicas para dispositivos móveis
Personalização de Slides
Customização de folhas individuais
É possível adicionar IDs e classes específicas a determinados slides:
## Sumário
- Introdução ao projeto
- Arquitetura técnica
- Demonstração prática
Personaliazção profunda via CSS/Less
Crie ou modifique arquivos de estilo .less para customizar a aparência da apresentação:
.markdown-preview.markdown-preview {
.reveal .slides {
font-family: "Segoe UI", sans-serif;
section {
&.destaque-slide {
background-color: #f0f0f0;
}
&:nth-child(2) {
h2 {
color: #e74c3c;
}
}
}
}
}
Melhores Práticas
- Estrutura de conteúdo: Cada slide deve focar em um único ponto principal
- Tamanho da fonte: Garanta que o texto seja legível até a última fila
- Exibição de código: Use blocos de código com destaque apropriado
- Uso de imagens: Adicione elementos visuais relevantes, evitando slides apenas com texto
- Apresentação progressiva: Utilize listas para revelar conteúdo gradualmente
Perguntas Frequentes
Q: Como adicionar imagem de fundo? A: Use o parâmetro parallaxBackgroundImage ou a sintaxe de fundo para slides específicos
Q: É possível exportar para PDF? A: Sim, utilize a função de impressão do navegador para exportar a apresentação como PDF
Q: Como incluir notas do apresentador? A: Ative a configuração enableSpeakerNotes e use a sintaxe específica para adicionar comentários
A funcionalidade de apresentações do Markdown Preview Enhanced combina a simplicidade do Markdown com a poderosidade de ferramentas profissionais de apresentação, sendo especialmente adequada para compartilhamento técnico e relatórios de projetos. Com edição de texto simples, é possível criar apresentações visualmente impactantes, aumentando significativamente a eficiência na criação de conteúdo.