Como dijimos en el [hilo anterior](https://www.valar.es/t/consejos-y-trucos-sobre-discourse/80) _Discourse_ permite usar HTML, BBcode o Markdown pare formatear los mensajes. Para ser más concretos el principal método usado es [commonmark](https://commonmark.org/help/), una implementación de Markdown de la que podéis aprender más siguiendo este [tutorial](https://commonmark.org/help/tutorial/). # [Enlaces](#links) La mayoría de las veces querrás usar el icono de la barra de edición ![1|30x28](upload://3fJWg2ws75sCSW0dVPFxg96A864.jpeg) o el atajo de teclado crtl+k, pero el formato es `[link text](https://www.valar.es` que generaría un enlace como este: [link text](https://www.valar.es) > **Nota - Enlaces más fáciles de leer** > Tener URL muy largas entremezcladas con el texto en el editor dificulta el trabajo. Así puedes colocar los enlaces al final del texto usando la sintaxis que puedes ver en el ejemplo. Ten en cuenta que debes tener una línea en blanco encima de la referencia. ``` Este párrafo es mucho más fácil de eller en el [editor][1] porque puedes [incluir][valar] los enlaces al final de la página. [1]: https://www.valar.es [valar]: https://www.valar.es ``` Este párrafo es mucho más fácil de eller en el [editor][1] porque puedes [incluir][valar] los enlaces al final de la página. [1]: https://www.valar.es [valar]: https://www.valar.es # [Imágenes](#imgs) Añadir imágenes es muy fácil, si tienes una imagen en el portapapeles simplemente pégala, el foro automáticamente subirá la imagen y creará el código para que la imagen aparezva. Si estás enlazando una imagen que ya está en la web puedes usar la siguiente sintaxis: `![title text](/uploads/default/original/2X/f/f2efd3f9c7eeb0a6f1ec321baa7a8d715465e47a.jpg)` #### Redimensionado Si necesitas redimensionar una imagen demasiado grando puedes usar la siguiente sintaxis: ``` ![Original|386x100](/uploads/default/original/1X/68d178b1c169e3468f25590ac537228294221402.png) ![Percent|386x100,50%](/uploads/default/original/1X/68d178b1c169e3468f25590ac537228294221402.png) ![By Pixels|64x64](/uploads/default/original/1X/68d178b1c169e3468f25590ac537228294221402.png) ``` ![Original|386x100](/uploads/default/original/1X/68d178b1c169e3468f25590ac537228294221402.png) ![Percent|386x100,65%](/uploads/default/original/1X/68d178b1c169e3468f25590ac537228294221402.png) ![By Pixels|165x50](/uploads/default/original/1X/68d178b1c169e3468f25590ac537228294221402.png) # [Formateo de Texto](#text) Para negritas, cursivas y texto tachado pueden usarse los botones del editor ![3|53x28](upload://1t3c2lMTIpLWVCZJCm4Po6Of4al.jpeg), usar los atajos de teclado crtl+b y crtl+i o escribir directamente markdown ``` **Negritas** or __Negritas__ *Cursivas* or _Cursivas_ _Mezcla de **negritas** and **cursivas**_ ~~Tachado~~ ``` **Negritas** or __Negritas__ *Cursivas* or _Cursivas_ _Mezcla de **negritas** and **cursivas**_ ~~Tachado~~ También puede usarse BBCode para obtener el mismo resultado `[b]Como este[\b]` [b]como este[/b] `[i]o este[/i]` [i]o este[/i] `[u]o este[/u]` [u]o este[/u] _Discourse_ no permite el uso de etiquetas para cambiar el color del texto _[porque no es propio de una discusión civilizada](https://what.thedailywtf.com/topic/14415/why-doesn-t-discourse-support-coloured-text-inb4-actually-it-shouldn-t)_ # [Encabezado](#encabezado) ``` # Nivel 1 ## Nivel 2 ### Nivel 3 #### Nivel 4 ##### Nivel 5 ###### Nivel 6 Una línea horizontal requiere tres asteriscos (*) *** ``` # Nivel 1 ## Nivel 2 ### Nivel 3 #### Nivel 4 ##### Nivel 5 ###### Nivel 6 Una línea horizontal requiere tres asteriscos *** # [Listas](#list) Puedes usar los botones del editor ![4|65x28](upload://sIr4vnQTdNzyATpoBr7ndqNHtRD.jpeg) para incluir listas ordenadas o sin ordenar ``` 1. Primer elemento 2. Segundo elemento * Tres espacios de sangrado crean una sub-lista 1. Números concretos 1. no importan, la lista 23. se calcula automáticamente * También se pueden usar listas * sin orden sin ningún problema ``` 1. Primer elemento 2. Segundo elemento * Tres espacios de sangrado crean una sub-lista 1. Números concretos 1. no importan, la lista 23. se calcula automáticamente * También se pueden usar listas * sin orden sin ningún problema # [Código](#code) Rodear una sección de código con acentos graves (`) lo formatea como código, también puedes usar el botón del editor ![12|30x28](upload://g8CZkRzihZfJ0nzRZfL6uEOide3.jpeg) o utilizar el atajo de teclado crtl+Shift+c. Los @Master usan el formateo como código para indicar llamadas directas a las reglas. **Escribir:** \`Fase de tanteo - Avanzas, Mantienes la posición o te retiras\` **Genera:** `Fase de tanteo - Avanzas, Mantienes la posición o te retiras` Una línea entera puede ser formateada como código mediante un sangrado de 4 espacios (y la línea anterior en blanco) **Escribir** :      esto = "ues una línea" **Genera:** esto = “es una línea” Rodear una sección de código con tres acentos graves (`) permite incluir código que requiera varias líneas: **Escribir:** \`\`\` Fase de tanteo - Avanzas, Mantienes la posición o te retiras      No te olvides de incluir formación de las tropas o hacia donde te retiras \`\`\` **Genera:** ``` Fase de tanteo - Avanzas, Mantienes la posición o te retiras No te olvides de incluir formación de las tropas o hacia donde te retiras ``` # [Citas](#cite) Puedes formater texto como una cita usando el botón del editor ![5|30x28](upload://deYvzwx4DqVl0SqVmYuEcuHHFej.jpeg) o escribiendo el símbolo mayor que > al principio de una línea de texto: **Escribir:** > Esto es una cita > y esto continua la cita en una nueva línea **Genera:** > Esto es una cita > y esto continua la cita en una nueva línea # [Otros](#otros) Más opciones de formateo pueden encontrarse en el botón de opciones![7|30x28](upload://ihpgqcGKsbGtK4dQUomBPkmtOdM.jpeg). El texto puede ocultarse usando la siguiente sintaxis, o pulsando la opción en el menú de otras opciones ![6|204x26](upload://6AGosaGT1DqbU9o6RZ07LNU0Az0.jpeg). ``` [details="Resumen"] Este texto estará oculto [/details] ``` [details="Resumen"] Este texto estará oculto [/details] El texto puede realzarse rodeándolo de dos símbolos igual (=) a cada lado, o pulsando la opción en el menú de otras opciones ![9|204x26](upload://ymgspOaTgW6bqBQHkJYX4Gp2xaq.jpeg) ``` ==Este texto está realzado== ``` ==Este texto está realzado== # [Ver código fuente](#source) Si necesitar ver como otra persona ha conseguido un efecto concreto en un texto siempre puedes acceder a la versión en texto plano de un mensaje accediendo a `https://www.valar.es/raw/{topicid}/{postid}`, por ejemplo, échale un vistazo al de [este mensaje](https://www.valar.es/raw/174/1).