Quarto atajos

Recursos de ayuda

Quarto Guide. Link ***
Reproducible, dynamic, and elegant books with Quarto. Mine Centinkaya. Link
Mickael Canouil. Link

Comandos

En Terminal:
- quarto render para renderizar las páginas
- quarto preview vista preliminar
- quarto check revisión de configuración
- quarto --help todas las ayudas
Para cargar la página: commit and push
- git add .
- git commit -m “descripción actualización”
- git push
To validate the YAML, run: quarto check

Tablas

Quarto guide for Tables. Link

Ejemplo 1

| Prederminada | Izq.| Der.| Centrado |
|----|:--|---:|:----:|# 4 rayas = 100% ancho, : izq = alineado izq 
| 12      | 12   |    12 |   12   |
| 123     | 123  |   123 |  123   |
| 1       | 1    |     1 |   1    |

: Demostración de sintaxis de tabla. {#tbl-sintaxis}

Observe que: 
- Despues de los dos puntos va la leyenda.
- La referencia cruzada y el diseño de la tabla. 
- Puede aplicarse color a filas especificas (no se explica aquí).

Table 1: Demostración de sintaxis de tabla.

Prederminada	Izquierda	Derecha	Centrado
C	12	12	12
B	123	123	123
A	1	1	1
Decisión	Vender	Comprar	Neutro

Ejemplo 2 con div envolvente

::: {style="color: black; font-family: Arial, sans-serif;"}
| Fruta  | Precio  |
|--------|--------|
| apple  | 2.05   |
| pear   | 1.37   |
| orange | 3.09   |

: [Precios promedio de frutas.]{style="color: black; font-family: Arial, sans-serif;"} {#tbl-frutas .striped .hover tbl-colwidths="\[75,25\]"}

Observe que:
- Inicia y termina la tabla con `:::` envolviendola en un div con estilo
- Despues de los primeros `:::` se declara se usará fuente Arial y en color negro
- En la leyenda se aplica de nuevo para evitar configuración predeterminada de Quarto.
:::

Table 2: Precios promedio de frutas.

Fruta	Precio
apple	2.05
pear	1.37
orange	3.09

En la Table 2 se observa el precio promedio de las frutas (así se generan referencias cruzadas).

Tabsets

::: {.panel-tabset}
### Tab A
Content for `Tab A`

### Tab B
Content for `Tab B`
:::

Insertar elementos en dos columnas

::: {layout-ncol=2} 

Inserte algo acá

Texto de la caja (opcional)
:::

Insertar videos

Llamar con barra / e insertar `Shotcode`

Entre corchetes colocar `video = "link"`

Insertar video de un live: cambiar "live" por "embed"
https://www.youtube.com/embed/srgbUPu9Mo4

Insertar imágenes

Insertar imagen

![](https://mdg.imgix.net/assets/images/markdown-flowchart.png?auto=format&fit=clip&q=40&w=1080)

Callout blocks

There are five different types of callouts available: note , warning, important , tip , caution . The color and icon will be different depending upon the type that you select. Here are what the various types look like in HTML output.

{.callout-note collapse="true"} Note that there are five types of callouts, including:
`note` , `warning,` `important` , `tip` , `caution`.

Note

Note that there are five types of callouts, including: note, tip, warning, caution, and important.

Warning

Callouts provide a simple way to attract attention, for example, to this warning.

This is Important

Danger, callouts will really improve your writing.

Tip With Title

This is an example of a callout with a title.

Expand To Learn About Collapse

This is an example of a ‘collapsed’ caution callout that can be expanded by the user. You can use collapse="true" to collapse it by default or collapse="false" to make a collapsible callout that is expanded by default.

Expand To Learn About Collapse [with minimal atribute]

This is an example of a ‘collapsed’ caution callout that can be expanded by the user and minimal atributes with {.callout-caution collapse="true" style="color: purple" appearance="minimal"}

Texto desplegable

<details> <summary>Título del texto desplegable</summary>
-   Contenido
-   Contenido
-   Contenido
</details>

Qué es un archivo yml

Lesson 4: YAML Headers. Link.
Quarto. Link

YAML Tutorial | Learn YAML in 10 Minutes

Campos de un encabezado yml en un cuaderno

Metadatos Básicos

title: "Título del Capítulo"
subtitle: "Subtítulo opcional"
author: "Nombre del Autor"
date: "2025-01-15"  # o "today" para fecha automática
date-format: "long"  # "short", "medium", "long", "iso"

Campos para author

title: "Mi Documento Científico"
author:
  - name: "Juan Pérez"
    affiliation: "Universidad Nacional"
    email: "juan.perez@universidad.edu"
    orcid: "0000-0002-1234-5678"
    corresponding: true
    roles:
      - conceptualization
      - methodology
      - writing
    degrees: "PhD"
    url: Sitio web personal
  - name: "María García"
    affiliation: 
      - "Instituto de Investigación"
      - "Centro de Estudios Avanzados"
    email: "maria.garcia@instituto.org"
    orcid: "0000-0003-9876-5432"
---
name: Nombre completo del autor (requerido)
affiliation: Institución(es) de afiliación (string o lista)
email: Correo electrónico
orcid: ID de ORCID (identificador único de investigador)
corresponding: Boolean para indicar autor de correspondencia
url: Sitio web personal
roles: Roles específicos según taxonomía CRediT
acknowledgements: Agradecimientos específicos del autor

Información del Documento

abstract: "Resumen del documento"
keywords: [palabra1, palabra2, palabra3]
lang: es  # Idioma del documento
description: "Descripción breve para metadatos"

Banner y Apariencia

title-block-banner: true  # o ruta a imagen: "banner.png"
title-block-banner-color: "white"
title-block-style: default  # "default", "plain", "none"

Bibliografía

bibliography: references.bib
csl: vancouver-brackets.csl  # Estilo de citación
citation-location: document  # "document", "margin", "margin-ref"
link-citations: true
nocite: '@*'  # Para incluir todas las referencias

Referencias Cruzadas

crossref:
  fig-prefix: "Figura"
  tbl-prefix: "Tabla"
  eq-prefix: "Ecuación"
  chapters: false  # true si numeras por capítulo

Formato HTML

format:
  html:
    theme: cosmo  # cerulean, journal, flatly, darkly, etc.
    toc: true  # Tabla de contenidos
    toc-depth: 3
    toc-location: left  # "left", "right", "body"
    toc-title: "Contenido"
    number-sections: false
    number-depth: 3
    code-fold: false  # true, "show", false
    code-tools: false
    code-copy: true
    highlight-style: github  # pygments, tango, espresso, etc.
    css: custom.css
    include-in-header: header.html
    include-before-body: before.html
    include-after-body: after.html
    self-contained: false
    embed-resources: false
    grid:
      sidebar-width: 300px
      body-width: 900px
      margin-width: 250px
    mainfont: "Source Sans Pro"

Formato PDF

format:
  pdf:
    documentclass: article  # book, report, scrartcl
    papersize: letter  # a4, letter, legal
    geometry: margin=1in
    fontsize: 11pt
    linestretch: 1.5
    number-sections: true
    colorlinks: true
    linkcolor: blue
    urlcolor: blue
    citecolor: green
    keep-tex: true
    include-in-header:
      - text: |
          \usepackage{graphicx}
          \usepackage{xcolor}
    prefer-html: true

Formato Word

format:
  docx:
    reference-doc: template.docx
    number-sections: true
    highlight-style: github

Ejecución de código

execute:
  echo: true  # Mostrar código
  warning: false  # Mostrar warnings
  error: false  # Mostrar errores
  include: true  # Incluir salidas
  eval: true  # Ejecutar código
  cache: false  # Cachear resultados
  freeze: auto  # "true", "false", "auto"

Figuras y Tablas

fig-width: 7
fig-height: 5
fig-dpi: 300
fig-format: png  # png, jpg, svg, pdf
fig-align: center  # left, right, center
tbl-colwidths: auto  # [60, 40] para porcentajes

Otros Campos Útiles

draft: false  # true para marcar como borrador
published: "2025-01-15"
license: "CC BY 4.0"
doi: "10.xxxx/xxxxx"
categories: [categoría1, categoría2]
tags: [tag1, tag2]
image: featured.png  # Imagen destacada
filters: [filter1.lua, filter2.lua]

Campos Específicos de Libro

editor: "Nombre del Editor"
publisher: "Editorial"
isbn: "978-xxx-xxxx"
edition: "Primera edición"
volume: 1
page-navigation: true

📝 Ejemplo Completo

---
title: "Título Completo del Capítulo"
subtitle: "Subtítulo Descriptivo"
author: "Juan Pérez, María García"
date: "2025-01-15"
date-format: "long"
lang: es
abstract: "Este es el resumen del capítulo que describe..."
keywords: [palabra1, palabra2, palabra3]
title-block-banner: banner.png
title-block-banner-color: "white"
bibliography: referencias.bib
csl: vancouver-brackets.csl
crossref:
  fig-prefix: "Figura"
  tbl-prefix: "Tabla"
  chapters: false
format:
  html:
    theme: cosmo
    toc: true
    number-sections: false
    css: custom.css
  pdf:
    documentclass: article
    geometry: margin=1in
    keep-tex: true
execute:
  echo: false
  warning: false
fig-width: 7
fig-height: 5
---