2.4 Contenido

2.4.1 Formato del Texto

El formato del texto funciona con la misma convención que en Markdown, es decir, sigue un conjunto sencillo de convenciones para ir dando formato a archivos de texto plano. Markdown está estructurado de tal forma que resulta ser tanto fácil de leer como fácil de escribir y de aprender. A continuación, se presenta una guía de cómo usar este lenguaje de marcado para darle el formato necesario al texto de las diapositivas.

  • Formatos

    *cursiva*    _cursiva_
**negrita**   __negrita__
`code`
superíndice^2^ y subíndice~2~

    cursiva cursiva

    negrita negrita

    code

    superíndice2 y subíndice2

  • Títulos

    # Título 1er nivel
## Título 2do nivel
### Título 3er nivel
#### Título 4to nivel
##### Título 5to nivel
... y así

    Si no desea que un título en especifico sea enumerado, usted puede agregar {-} después del título.

    ## Título 2do nivel {-}

  • Listas

    Para listas no enumeradas puede usar *, - o +:

    * un elemento
- un elemento
+ otro elemento
    • un elemento
    • un elemento
    • otro elemento

    Para listas enumeradas se usa un número seguido por un punto 1.

    1. primer elemento
2. segundo elemento
    1. primer elemento
    2. segundo elemento

    Para crear sub-listas, indente la siguiente lista uniformemente por cuatro espacios

    1. primer elemento
* un elemento
    - un elemento
+ otro elemento
2. segundo elemento
* un elemento
    - un elemento
        + otro elemento
    1. primer elemento
      • un elemento
        • un elemento
      • otro elemento
    2. segundo elemento
      • un elemento
        • un elemento
          • otro elemento

2.4.2 Expresiones matemáticas

Puede generar expresiones matemáticas siguiendo el lenguaje estándar de LaTex. Para esto, debe escribir el código fuente en medio de un par de signos de peso, por ejemplo, $a \lambda - \sum_{i=1}^n{x_i^2 + y_i^3} = \frac{24 \theta}{5}$ produce: \(a \lambda - \sum_{i=1}^n{x_i^2 + y_i^3} = \frac{24 \theta}{5}\), o bien utilizar el modo de visualización con signos de peso dobles:

$$a \lambda - \sum_{i=1}^n{x_i^2 + y_i^3} = \frac{24 \theta}{5}$$ \[a \lambda - \sum_{i=1}^n{x_i^2 + y_i^3} = \frac{24 \theta}{5}\]

Observaciones:

  • No debe haber espacios en blanco luego del signo $ (o $$) de apertura, ni tampoco antes del signo $ (o $$) de cierre.

  • Si se trata de código LaTex ubicado en medio de signos de peso sencillos ($ $), dicho código debe estar escrito en una única línea. Si se usan signos de peso dobles ($$ $$), las expresiones pueden estar en varias líneas, sin embargo, los signos de apertura deben estar justo al comienzo de una línea y los signos de cierre justo al final de otra línea.

  • Dicho formato no funciona en la diapositiva de título o portada, a menos que desactive la diapositiva de título automática (seal = FALSE) y escriba su propia diapositiva de título, por ejemplo:

---
title: "Presentación"
author: "Autor"
date: "2021/03/20"
output:
  xaringan::moon_reader:
    seal: false
---

class: center, middle, inverse, title-slide

# Presentación $\frac{24 \theta}{5}$

### Autor

### 2021/03/20

---

# Primera diapositiva

2.4.3 Enlaces

Para insertar un enlace la sintaxis es [Enlace uno](link), por ejemplo:

* [Enlace UNAL](https://unal.edu.co/)

2.4.4 Imágenes

Para insertar un archivo de imagen desde la web la sintaxis es ![Imagen web](www.link-imagen.jpg), por ejemplo:

![Imagen web](https://unal.edu.co/typo3temp/_processed_/3/8/csm_17-fauna-en-jardin-botanico-de-la-sede-caribe_02_078e0fac2d.jpg)

También es posible insertar, por ejemplo, archivos GIF:

![GIF web](http://www.autoevaluacion.unal.edu.co/web/images/2.gif)

Si se desea insertar una imagen desde un archivo local, simplemente se cambia el link por la ruta de ubicación de la imagen: ![Imagen local](D:/Desktop/Carpeta/imagen.jpg), por ejemplo,

![Imagen local](Imagenes/csm_17-fauna-en-jardin-botanico-de-la-sede-caribe_02_078e0fac2d.jpg)

Para especificar las dimensiones de la imagen se hace uso de etiquetas HTML:

<div style="width:300px; height:200px">
![Imagen con otras dimensiones](https://unal.edu.co/typo3temp/_processed_/3/8/csm_17-fauna-en-jardin-botanico-de-la-sede-caribe_02_078e0fac2d.jpg)
</div>

o hacer uso del paquete knitr dentro de un R code chunk para especificar más argumentos:

 {r, out.width='25%', fig.align='center', fig.cap='Imagen con otras especificaciones'}
knitr::include_graphics('https://unal.edu.co/typo3temp/_processed_/3/8/csm_17-fauna-en-jardin-botanico-de-la-sede-caribe_02_078e0fac2d.jpg')

2.4.5 Videos

Puede incrustar videos fácilmente en una presentación xaringan. Como ejemplo, aquí están los pasos para implementar videos de YouTube:

  1. En una computadora, vaya al video de YouTube que desea añadir.
  2. Debajo del video, de clic en Compartir.
  3. Haga clic en Incorporar.
  4. En el cuadro que aparece, copie el código HTML.
  5. Pega el código en tu documento xaringan
<iframe width="560" height="315" src="https://www.youtube.com/embed/0ytps3018nc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

o manualmente insertar la url como:

class: middle, center

<iframe width="560" height="315" src="https://www.youtube.com/embed/0ytps3018nc" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>

Si se desea ingresar desde un archivo local:

class: middle, center

<video width="560" height="420" controls>
    <source src="{{ site.baseurl }}/carpeta/video_name.mp4" type="video/mp4">
</video>

Utilice la función autoplay dentro de la etiqueta de video para habilitar la reproducción automática. <video width="560" height="420" controls autoplay>

2.4.6 Notas para el presentador

Puede escribir notas para que las lea en el modo de presentador (presione la tecla p). Estas notas están escritas justo debajo de tres signos de interrogación ??? después de una diapositiva, y la sintaxis también es Markdown, lo que significa que puede escribir cualquier elemento compatible con Markdown, como párrafos, listas, imágenes, etc. Por ejemplo:

# Slide

Contenido.

???
Notas.

Con diapositivas incrementales, las notas van después de cada incremento.

# Slide

Contenido 
???
Notas contenido 
--
Contenido nuevo
???
Notas contenido nuevo

Las teclas c y p son muy útiles cuando pretende presentar su propia computadora conectada a una segunda pantalla (como un proyector). En la segunda pantalla, puede mostrar las diapositivas normales, luego, con la tecla c clona las diapositivas en la pantalla de su propia computadora y allí usa el modo de presentador (tecla p). De esta manera, solo usted puede ver el modo de presentador, lo que significa que solo usted puede ver las notas del presentador y la hora, y obtener una vista previa de la siguiente diapositiva. Puede presionar t para reiniciar el temporizador en cualquier momento.

2.4.7 Comentarios

Si desea dejar comentarios en el documento de R Markdown puede hacerlo utilizando cualquiera de las siguientes dos notaciones.

  1. HTML
<!--
comentario.
-->

Para convertir un trozo de texto automaticamente en formato de comentario HTML puede seleccionarlo y oprimir las teclas CTRL/CMD + Shift + C.

  1. Link vacío
[//]: # (comentario)

El comentario de estilo HTML estará disponible en la fuente de la página en el navegador, mientras que el enlace vacío no lo estará.