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 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 y Javascript
:
<!-- begin snippet: js hide: true console: true babel: false -->
<!-- language: lang-js -->
var foo = console.log('bar');
<!-- language: lang-css -->
.foo {
width: 10em;
background-color: #d0e0f0;
}
<!-- language: lang-html -->
<div class="foo">foo</div>
<!-- end snippet -->
Los snippets, son los únicos que se pueden colapsar. Es posible que debas hacer scroll de acuerdo al tamaño de tu pantalla. Para ocultarlo hay una opción en la parte inferior-izquierda.
Nota: Aunque dice "Ocultar de forma predeterminada", no es de manera predeterminada. Esto es porque al agregar un segundo snippet, deja de estar oculto, lo cual no se mantiene en el tiempo.
El snippet ocultado se verá así:
var foo = console.log('bar');
.foo {
width: 10em;
background-color: #d0e0f0;
}
<div class="foo">foo</div>
Esto es muy útil para acortar el tamaño de la pregunta y respuesta cuando tienes muchos fragmentos de código.
También puedes cambiarlo directamente en el texto con la opción hide
, pasando de false
a true
. 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 -->