Cree diapositivas en Markdown con Wowchemy

Wowchemy | Documentación

Características

  • Escriba diapositivas de forma eficiente en Markdown
  • 3 en 1: cree, presente y publique sus diapositivas
  • Admite notas del orador
  • Diapositivas adaptadas a dispositivos móviles

Controles

  • Siguiente: Right Arrow o Space
  • Anterior: Left Arrow
  • Inicio: Home
  • Fin: End
  • Vista general: Esc
  • Notas del orador: S
  • Pantalla completa: F
  • Zoom: Alt + Click
  • Exportar a PDF: E

Resaltado de código

Código en línea: variable

Bloque de código:

porridge = "blueberry"
if porridge == "blueberry":
    print("Eating...")

Matemáticas

Matemáticas en línea: $x + y = z$

Matemáticas en bloque:

$$ f\left( x \right) = ;\frac{{2\left( {x + 4} \right)\left( {x - 4} \right)}}{{\left( {x + 4} \right)\left( {x + 1} \right)}} $$

Fragmentos

Haga que el contenido aparezca de forma incremental

{{% fragment %}} Uno {{% /fragment %}}
{{% fragment %}} **Dos** {{% /fragment %}}
{{% fragment %}} Tres {{% /fragment %}}

¡Presione Space para reproducir!

Uno **Dos** Tres

Un fragmento admite dos parámetros opcionales:

  • class: use un estilo personalizado (requiere definición en CSS personalizado)
  • weight: define el orden en que aparece un fragmento

Notas del orador

Agregue notas del orador a su presentación

{{% speaker_note %}}
- Only the speaker can read these notes
- Press `S` key to view
{{% /speaker_note %}}

¡Presione la tecla S para ver las notas del orador!

Temas

  • black: fondo negro, texto blanco, enlaces azules (predeterminado)
  • white: fondo blanco, texto negro, enlaces azules
  • league: fondo gris, texto blanco, enlaces azules
  • beige: fondo beige, texto oscuro, enlaces marrones
  • sky: fondo azul, texto oscuro fino, enlaces azules
  • night: fondo negro, texto blanco grueso, enlaces naranjas
  • serif: fondo capuchino, texto gris, enlaces marrones
  • simple: fondo blanco, texto negro, enlaces azules
  • solarized: fondo color crema, texto verde oscuro, enlaces azules

Diapositiva personalizada

Personalice el estilo y el fondo de la diapositiva

{{< slide background-image="/media/boards.jpg" >}}
{{< slide background-color="#0000FF" >}}
{{< slide class="my-style" >}}

Ejemplo de CSS personalizado

Hagamos que los encabezados sean de color azul marino.

Cree assets/css/reveal_custom.css con:

.reveal section h1,
.reveal section h2,
.reveal section h3 {
  color: navy;
}

¿Preguntas?

Preguntar

Documentación