El gran problema que enfrentan los usuarios nuevos al iniciarse en Stack Overflow es el uso extendido de markdown que puede ser un poco traumático al principio. De eso es lo que tratan las páginas a las que haces referencia, una guía de las reglas de markdown que se pueden utilizar en el sitio con algunas extensiones propias.
Yo en lo personal agradezco a Stack Overflow por esto, ya que su uso está muy extendido en lugares como GitHub, BitBucket y otros sitios que frecuentan los programadores.
Si quieres aprender un poco mejor las conversiones que hacen estas reglas puedes usar consultar la documentación oficial y probar la herramienta online Dingus.
Debes tener en cuenta que no es lo mismo un bloque de código que un snippet de código .
El primero te permitirá resaltar código de cualquier lenguaje
<!-- language: lang-java -->
<!-- language: lang-cpp -->
<!-- language: lang-js -->
mientras que el segundo te permitirá resaltar y ejecutar código en CSS/HTML/Javascript
var foo = 'bar';
.bar {
width: auto;
}
<div class="foo"></div>
Los snippets son los únicos que se pueden colapsar y para que te salga así por defecto hay una opción en la parte inferior-izquierda, es posible que debas hacer scroll de acuerdo al tamaño de tu pantalla
El código te saldrá así
Esto es muy útil para acortar el tamaño de la pregunta/respuesta cuando tienes muchos fragmentos de código.
También puedes cambiarlo directamente en el texto con la opción hide
. El texto inicial de los snippets es parecido al siguiente
<!-- begin snippet: js hide: false console: true babel: false -->
Cambia hide
a true
y tendrás el mismo resultado.
<!-- begin snippet: js hide: true console: true babel: false -->