Quarto

What is quarto?

Quarto is a “publishing system”. Using an enriched markdown format it lets you generate web pages, presentations, blogs and much more. The file format is .qmd.

Text formatting

The following text:

*cursivas*, **negritas**, ***negritas cursivas***,  
~~tachado~~, superíndice^2^, subíndice~2~, `verbatim`

will be shown like this:
italics, bold, bold italics,
strikethrough, superscript2, subscript2, verbatim

Very important: You can make a single line break with two blank spaces, or a large line break by separating with 2 lines.

So, for example, the markdown code

Lorem ipsum
es aburrido.  
Esta es una nueva línea.

Este es un nuevo párrafo.

will be shown as

Lorem ipsum is boring.
This is a new line.

This is a new paragraph.

Headings

The classic convention is used for # Title, ## Subtitle, … , ###### Subsubsubsubsubsub-title,

Images

The markdown code for images is similar to links, but uses a ! to distinguish them. It is possible to mix them

![Caption](elephant.png)  
![Caption](elephant.png "Elephant"){fig-alt="An elephant."}

It is possible to make an image “clickable” by mixing the respective codes:

[![Caption](elephant.png)](https://quarto.org)  
[![Caption](elephant.png "Elephant"){fig-alt="An elephant."}](https://quarto.org)

Videos

To include videos you can use the {{< video >}} code:

{{< video https://www.youtube.com/embed/wo9vZccmqwc >}}

Lists

Código en Markdown Output 
* unordered list
    + sub-item 1
    + sub-item 2
        - sub-sub-item 1
  • unordered list
    • sub-item 1
    • sub-item 2
      • sub-sub-item 1
 
1. ordered list
2. item 2
    i) sub-item 1
         A.  sub-sub-item 1
  1. ordered list
  2. item 2
    1. sub-item 1
      1. sub-sub-item 1
 
(@)  A list whose numbering

continues after

(@)  an interruption
  1. A list whose numbering

continues after

  1. an interruption
 
::: {}
1. A list
:::

::: {}
1. Followed by another list
:::
  1. A list
  1. Followed by another list
 
term
: definition
term
definition

Note that lists need a blank line above the list, otherwise they will not be shown correctly.

Tables

Tables follow the classic markdown format, where alignment is defined with :, as the following code shows:

| Derecha | Izquierda | Por Defecto | Centrada |
|------:|:-----|---------|:------:|
|   12  |  12  |    12   |    12  |
|  123  |  123 |   123   |   123  |
|    1  |    1 |     1   |     1  |

which will be shown like this:

Derecha Izquierda Por Defecto Centrada
12 12 12 12
123 123 123 123
1 1 1 1

The following link has more information: https://quarto.org/docs/authoring/tables.html.

Code

To delimit code blocks that are shown without being executed you use ```

```
código
```

You can add a language (python, markdown, html, javascript, etc) to correctly highlight the language syntax. So the following code

```python
print("¡Que tal, festival!")
```

will look like this:

print("¡Que tal, festival!")

To delimit code blocks that will be executed, like cells in jupyter notebook/lab, you use curly braces enclosing the language, so for example the following code


::: {#b6ecf890 .cell execution_count=3}
``` {.python .cell-code}
print("¡Que tal, festival!")
```

::: {.cell-output .cell-output-stdout}
```
¡Que tal, festival!
```
:::
:::

which will look like this:

print("¡Que tal, festival!")
¡Que tal, festival!

Equations

Use $ delimiters for inline equations and $$ delimiters for equations on their own line.

So, for example $E = mc^{2}$ will be shown as \(E=mc^{2}\).

On the other hand, $$ E = mc^{2}$$ will be shown like this \[ E = mc^{2}\]

Columns

It is possible to define columns easily, using :::: and :::.

The following code:

:::: {.columns}

::: {.column width="40%"}
Columna izquierda...
:::

::: {.column width="60%"}
Columna derecha
:::

::::

Will be shown like this:

Left column…

Right column

References

This file is based on https://quarto.org/docs/authoring/markdown-basics.html