¶ Visión general
Markdown es un lenguaje de marcado ligero con sintaxis de formato de texto plano. Es la sintaxis de facto para escribir documentación en los principales repositorios de código, como GitHub.
Urantiapedia admite la especificación completa CommonMark + agrega algunas extensiones útiles (incluidos los complementos Github Flavored Markdown). Mediante el uso deal de markdown-it se soportan plugins de sintaxis.
Esta es una lista completa del marcado Markdown que es compatible con Urantiapedia. Para cada elemento admitido, tiene: cómo usarlo en el editor, accesos directos si existen y ejemplos con el marcado y el resultado. Eche un vistazo a todas las opciones disponibles antes de usar el formato Markdown en cualquier página.
¶ Encabezados
Mediante 1 a 6 símbolos almohadilla, seguidos de un espacio, antes del texto.
- En la línea deseada, haz clic en el botón desplegable
en la barra de herramientas. - En la línea deseada, presiona CTRL + ALT + Derecha para aumentar el nivel del encabezado.
- En la línea deseada, presiona CTRL + ALT + Izquierda para disminuir el nivel del encabezado.
Markdown
# h1 Heading 8-)
## h2 Heading
### h3 Heading
#### h4 Heading
##### h5 Heading
###### h6 Heading
Resultado
Para una lista de emojis soportados ver más abajo.
¶ Líneas horizontales
Usando símbolos de triple guion en una línea dedicada.
- Haciendo clic en el botón
en la barra de herramientas.
Markdown
___
---
***
Resultado
¶ Reemplazos tipográficos
Escribe con normalidad en el texto.
Markdown
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"Bermudas, comillas dobles" y 'comillas simples'
Resultado
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“Bermudas, comillas dobles” y ‘comillas simples’
¶ Énfasis
Cursiva: uso de un símbolo de asterisco simple antes y después de la selección de texto.
Negrita: Usar símbolos de doble asterisco antes y después de la selección de texto.
- Seleccionando texto y luego haciendo clic en el botón
en la barra de herramientas. - Seleccionando texto, luego presionando CTRL + B
Markdown
**Esto es texto en negrita**
__Esto es texto en negrita__
*Esto es texto en cursiva*
_Esto es texto en cursiva_
~~Tachado~~
***Negrita y cursiva***
Resultado
Esto es texto en negrita
Esto es texto en negrita
Esto es texto en cursiva
Esto es texto en cursiva
Tachado
Negrita y cursiva
¶ Citas y bloques
Usar un símbolo mayor que, seguido de un espacio, antes de cada línea de texto.
- Seleccionando texto y luego haciendo clic en el botón
en la barra de herramientas.
Markdown
> Las citas se pueden anidar...
>> ...usando de signos adicionales de mayor que uno al lado del otro...
> > > ...or with spaces between arrows.
Resultado
Las citas se pueden anidar…
…usando de signos adicionales de mayor que uno al lado del otro…
…o con espacios entre signos.
Bloques personalizadas
Markdown
> Este es un bloque de información
{.is-info}
> Este es un bloque de éxito
{.is-success}
> Este es un bloque de advertencia
{.is-warning}
> Este es un bloque de error
{.is-danger}
Resultado
Este es un bloque de información
Este es un bloque de éxito
Este es un bloque de advertencia
Este es un bloque de error
¶ Listas no ordenadas
Usar un símbolo de asterisco o guión, seguido de un espacio, antes de cada línea de texto.
- Seleccionando texto, luego haciendo clic en el botón
en la barra de herramientas.
Markdown
+ Crea una lista empezando la línea con `+`, `-`, o `*`
+ Las sub-listas se crean indentando con 2 espacios:
- Un cambio de carácter fuerza un comienzo de una nueva lista:
* Ac tristique libero volutpat at
+ Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
+ Muy fácil!
Resultado
- Crea una lista empezando la línea con
+,-, o* - Las sub-listas se crean indentando con 2 espacios:
- Un cambio de carácter fuerza un comienzo de una nueva lista:
- Ac tristique libero volutpat at
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Un cambio de carácter fuerza un comienzo de una nueva lista:
- Muy fácil!
Añadiendo una class en una línea separada, después de la lista, puedes cambiar el aspecto de la lista:
links-listgrid-list
Markdown
- Grid Item 1
- Grid Item 2
- Grid Item 3
{.grid-list}
- [Lorem ipsum dolor sit amet *Subtitle description here*](https://www.google.com)
- [Consectetur adipiscing elit *Another subtitle description here*](https://www.google.com)
- [Morbi vehicula aliquam *Third subtitle description here*](https://www.google.com)
{.links-list}
Resultado
- Grid Item 1
- Grid Item 2
- Grid Item 3
y
- Link Title 1 Subtitle description here
- Link Title 2 Another subtitle description here
- Link Title 3 Third subtitle description here
Ten en cuenta que estos estilos son específicos de Urantiapedia y cambiarán al estilo de lista estándar en otras aplicaciones.
¶ Listas Ordenadas
Usando un número, seguido de un símbolo de punto, seguido de un espacio, antes de cada línea de texto.
- Seleccionando texto y luego haciendo clic en el botón
en la barra de herramientas.
Markdown
1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
1. Puedes usar números secuenciales...
1. ...o mantener todos los números como `1.`
Resultado
-
Lorem ipsum dolor sit amet
-
Consectetur adipiscing elit
-
Integer molestie lorem at massa
-
Puedes usar números secuenciales…
-
…o mantener todos los números como
1.
Comenzar numeración con offset:
Markdown
57. foo
1. bar
Resultado
57. foo
- bar
¶ Código inline
Usando un símbolo de comilla invertida antes y después de la selección de texto.
- Seleccionando texto, luego haciendo clic en el botón
en la barra de herramientas.
Markdown
Inline `code`
Resultado
Inline code
¶ Código indentado
Introduciendo tabulaciones delante de cada línea.
Markdown
// Comentario de código
línea 1 de código
línea 2 de código
línea 3 de código
Resultado
// Comentario de código
línea 1 de código
línea 2 de código
línea 3 de código
¶ Bloques de código con “barreras”
Usar símbolos de triples acentos graves antes y después de la selección de texto, en líneas dedicadas.
- Usando la herramienta Bloque de código en la barra de herramientas izquierda.
Markdown
```
El texto aquí...
```
Resultado
El texto aquí...
¶ Remarcado de sintaxis
Usar símbolos de triples acentos graves antes y después de la selección de texto, en líneas dedicadas, y luego el código de lenguaje de programación (js, html, css, etc).
- Usando la herramienta Bloque de código en la barra de herramientas izquierda.
Markdown
```js
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
```
Resultado
var foo = function (bar) {
return bar++;
};
console.log(foo(5));
¶ Tablas
Separar las celdas de la tabla con la barra vertical.
Markdown
| Option | Description |
| ------ | ----------- |
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
Resultado
| Option | Description |
|---|---|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
Columnas alineadas a la derecha
Markdown
| Option | Description |
| ------:| -----------:|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
Resultado
| Option | Description |
|---|---|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
¶ Enlaces
Usando la sintaxis [Texto del enlace](Objetivo del enlace).
- Usando la herramienta Enlace en la barra de herramientas izquierda.
Markdown
[link text](http://dev.nodeca.com)
[link with title](http://nodeca.github.io/pica/demo/ "title text!")
Enlace autoconvertido https://github.com/nodeca/pica (habilitar linkify para verlo)
Resultado
Enlace autoconvertido https://github.com/nodeca/pica (habilitar linkify para verlo)
¶ Imágenes
Usando la sintaxis .
- Usando la herramienta Recursos en la barra de herramientas izquierda.
Markdown
![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat" =300x300)
Resultado
Al igual que los enlaces, las imágenes también tienen una sintaxis de estilo de nota al pie.
Markdown
![Alt text][id]
Resultado
Con una referencia más adelante en el documento que define la ubicación de la URL:
Markdown
[id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat" =300x300
Resultado
A veces, las imágenes son demasiado grandes o tal vez deseas que la imagen ocupe todo el espacio disponible.
Simplemente en las dimensiones al final de la ruta de la imagen en el siguiente formato:
También puedes omitir uno de los valores para mantener automáticamente la relación de imagen:
También es posible utilizar otras unidades, como %. Útil cuando necesitas que la imagen ocupe todo el espacio disponible:
¶ SVG
SVG se puede incluir como cualquier otro contenido soportado por los navegadores.
Markdown
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
Resultado
¶ Mapas
Mediante un iframe que apunte a un mapa hecho en una plataforma de mapas. Esto es una forma temporal de añadir mapas dinámicos hasta que el editor de mapas esté disponible.
Markdown
<iframe src="https://www.google.com/maps/d/u/0/embed?mid=1BmwnWua1TecE9a0-es5FFKCRO2ZmqYQ&ehbc=2E312F" width="640" height="480"></iframe>
Resultado
¶ Emojies
Usando la sintaxis :identifier:
Ver emojis soportados en Emoji Cheat sheet
Ver cómo cambiar el output con twemoji.
Markdown
> Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:
>
> Shortcuts (emoticons): :-) :-( 8-) ;)
Resultado
Classic markup:
:crush:
:tear:
Shortcuts (emoticons):
¶ Subíndice
Usar un símbolo de tilde simple antes y después de la selección de texto.
- Seleccionando texto, luego haciendo clic en el botón
en la barra de herramientas.
Markdown
- H~2~O
Resultado
- H2O
¶ Superíndice
Usando un símbolo de intercalación único antes y después de la selección de texto.
- Seleccionando texto, luego haciendo clic en el botón
en la barra de herramientas.
Markdown
- 19^th^
Resultado
- 19th
¶ Texto insertado
Markdown
++Inserted text++
Resultado
++Inserted text++
¶ Texto marcado
Markdown
==Marked text==
Resultado
==Marked text==
¶ Notas al pie
Utiliza la sintaxis [^1] para la ubicación de la nota al pie en el texto principal, y [^1]: esto es una nota al pie para la nota al pie real. Las propias notas al pie aparecerán automáticamente en la parte inferior de la página debajo de una línea horizontal.
Markdown
Footnote 1 link[^first].
Footnote 2 link[^second].
Inline footnote^[Text of inline footnote] definition.
Duplicated footnote reference[^second].
[^first]: Footnote **can have markup**
and multiple paragraphs.
[^second]: Footnote text.
Resultado
Footnote 1 link[1].
Footnote 2 link[2].
Inline footnote[3] definition.
Duplicated footnote reference[2:1].
¶ Listas de definiciones
Markdown
Term 1
: Definition 1
with lazy continuation.
Term 2 with *inline markup*
: Definition 2
{ some code, part of Definition 2 }
Third paragraph of definition 2.
Resultado
Term 1
: Definition 1
with lazy continuation.
Term 2 with inline markup
: Definition 2
{ some code, part of Definition 2 }
Third paragraph of definition 2.
Markdown
Term 1
~ Definition 1
Term 2
~ Definition 2a
~ Definition 2b
Resultado
Term 1
~ Definition 1
Term 2
~ Definition 2a
~ Definition 2b
¶ Abreviaturas
This is HTML abbreviation example.
It converts “HTML”, but keep intact partial entries like “xxxHTMLyyy” and so on.
Markdown
*[HTML]: Hyper Text Markup Language
Resultado
¶ Contenedores personalizados
Markdown
::: warning
*here be dragons*
:::
Resultado
::: warning
here be dragons
:::
¶ Tablas avanzadas
Markdown
| | Grouping ||
First Header | Second Header | Third Header |
------------ | :-----------: | -----------: |
Content | *Long Cell* ||
Content | **Cell** | Cell |
New section | More | Data |
And more | With an escaped \| ||
[Prototype table]
Resultado
| Grouping | ||
|---|---|---|
| First Header | Second Header | Third Header |
| Content | Long Cell | |
| Content | Cell | Cell |
| New section | More | Data |
| And more | With an escaped | | |
Markdown
| Markdown | Rendered HTML |
|--------------|---------------|
| *Italic* | *Italic* | \
| | |
| - Item 1 | - Item 1 | \
| - Item 2 | - Item 2 |
| ```python | ```python \
| .1 + .2 | .1 + .2 \
| ``` | ``` |
Resultado
| Markdown | Rendered HTML |
|---|---|
|
Italic |
|
|
|
|
Markdown
Stage | Direct Products | ATP Yields
----: | --------------: | ---------:
Glycolysis | 2 ATP ||
^^ | 2 NADH | 3--5 ATP |
Pyruvaye oxidation | 2 NADH | 5 ATP |
Citric acid cycle | 2 ATP ||
^^ | 6 NADH | 15 ATP |
^^ | 2 FADH2 | 3 ATP |
**30--32** ATP |||
[Net ATP yields per hexose]
Resultado
| Stage | Direct Products | ATP Yields |
|---|---|---|
| Glycolysis | 2 ATP | |
| 2 NADH | 3–5 ATP | |
| Pyruvaye oxidation | 2 NADH | 5 ATP |
| Citric acid cycle | 2 ATP | |
| 6 NADH | 15 ATP | |
| 2 FADH2 | 3 ATP | |
| 30–32 ATP | ||
Markdown
| Archetypes ||
--- | ---
Adam and Eve | Faith
Lucifer | Prophecy
Satan Guardian | Angels
Melchizedek | Life after death
Seraphim | The Kingdom of Heaven
Heaven | The Apostles
Hell | Jesus and the stories of His Life and Teachings
Salvation | The “Second Coming”
Resultado
| Archetypes | |
|---|---|
| Adam and Eve | Faith |
| Lucifer | Prophecy |
| Satan Guardian | Angels |
| Melchizedek | Life after death |
| Seraphim | The Kingdom of Heaven |
| Heaven | The Apostles |
| Hell | Jesus and the stories of His Life and Teachings |
| Salvation | The “Second Coming” |
¶ Expresiones matemáticas (Mathjax)
Veáse los enlaces externos para saber más acerca del uso de Matemáticas en Markdown.
Procesa TeX mostrando textos matemáticos
Markdown
$$1 *2* 3$$
Processes TeX in-line math $1 *2* 3$
Resultado
Processes TeX in-line math
Markdown
When $a \ne 0$, there are two solutions to $ax^2 + bx + c = 0$ and they are
$$x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$
$$\frac{1}{\sqrt{x^2 + 1}}$$
Resultado
When , there are two solutions to and they are
Markdown
__O^1^ O^2^ O^3^ O^4^ O^5^ O^6^ O^7^ O^8^ O^9^ <u>O</u>^10^ O^11^ O^12^__
Resultado
O1 O2 O3 O4 O5 O6 O7 O8 O9 O10 O11 O12
Markdown
$$V = H_0 * D, $$
Resultado
Markdown
In most part yes, in $1/4$ no.
Resultado
In most part yes, in no.
Markdown
description | code | examples
--- | --- | ---
Greek letters | \alpha \beta \gamma \rho \sigma \delta \epsilon | $\alpha \beta \gamma \rho \sigma \delta \epsilon$
Binary operators | \times \otimes \oplus \cup \cap | $\times \otimes \oplus \cup \cap$
Relation operators | < > \subset \supset \subseteq \supseteq | $< > \subset \supset \subseteq \supseteq$
Others | \int \oint \sum \prod | $\int \oint \sum \prod$
Resultado
| description | code | examples |
|---|---|---|
| Greek letters | \alpha \beta \gamma \rho \sigma \delta \epsilon | |
| Binary operators | \times \otimes \oplus \cup \cap | |
| Relation operators | < > \subset \supset \subseteq \supseteq | |
| Others | \int \oint \sum \prod |
Markdown
$$ \max dS/dt = \pm \begin{cases} wR, R \leq D \\ wD, R \geq D \end{cases}$$
Resultado
Markdown
Earth mass = $M^\odot$
Resultado
Earth mass =
¶ Content Tabs
Usar encabezados y agregar la clase {.tabset} al encabezado principal. El texto del encabezado principal no se mostrará en el resultado final.
Ten en cuenta que puedes usar cualquier nivel de encabezado, siempre que los encabezados secundarios estén un nivel más alto. Por ejemplo, si un encabezado principal es ### (h3), los encabezados de las pestañas deben ser #### (h4). El nivel de encabezado máximo para un padre es 5 y los hijos 6.
# Tabs {.tabset}
## First Tab
Any content here will go into the first tab...
## Second Tab
Any content here will go into the second tab...
## Third Tab
Any content here will go into the third tab...
¶ Mostrar teclas
Usando <kbd> antes y </kbd> después de la selección de texto.
- Seleccionando texto, luego haciendo clic en el botón
en la barra de herramientas.
Lorem ipsum dolor <kbd>CTRL</kbd> + <kbd>C</kbd>
Lorem ipsum dolor CTRL + C
¶ Enlaces externos
- Urantiapedia Tools - proyecto en GitHub
- Urantiapedia-backup - proyecto en GitHub
- Fundación Urantia
- Blue Fields
- Wiki.js
- Guía de Usuario de MultiMarkdown
- Especificación Markdown
- Ayuda de Markdown
- Sintaxis Extendida Markdown
- Ayuda de Markdown Wiki.js
- Emoji Cheat sheet
- Cambiar salida de emojis
- Mathjax
- Documentación de Mathjax
- Expresiones matemáticas con LaTeX