prueba de diapositiva

1 Terminal Junto a Consola [bash]

creación de documentos de la presentación
separa el archivo que va a generar la presentación web

mkdir -p posts/2026-slide-device/images
touch posts/2026-slide-device/index.qmd
touch posts/2026-slide-device/presentation.qmd

2 Configuración del Archivo de la Presentación

---
title: "prueba de diapositiva"
format: 
  revealjs:
    theme: simple # o: moon, sky, serif, ... 
    transition: slide # o: fade, zoom, none 
    slide-number: true 
    logo: images/caracol.webp 
    footer: "casi lo mismo con otro dispositivo"
editor: visual 
draft: true # evita doble entrada de post
---

3 Render >> el Archivo de Presentación

quarto render posts/slides-devices/presentation.qmd

4 Dentro del Archivo Index

# Prueba de Presentación

<iframe src="presentation.html" width="100%" height="500px" style="border:none; border-radius:8px;">

</iframe>

5 Render >> el Archivo de Presentación

Antes de renderizar el sitio un chequeo del post puede servir
Incluir el siguiente comando en el archivo _quarto.yml hace la ruta mas directa, aunque se necesite el paso siguiente una vez más

project:
  type: website
  output-dir: docs 
  render:
    - "*.qmd"
    - "posts/**/*.qmd"

6 Render >> el post

Y como en el punto 3, o como proceso iterativo de corrección de errores el comando

quarto render posts/slides-devices/presentation.qmd

7 Render >> el Sitio Web

quarto render 
git add --all
git commit -m "post RevealJS simple 19+"
git push origin main --force

8 Créditos

Gracias a

Dispositivos de Interacción - Asistente de IA Claude Anthropic Sonnet 4.6 - Asistente Gemini de Google (Google Modo IA)