El gran problema que enfrentan los usuarios nuevos al iniciarse en Stack OverflowStack 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 markdownmarkdown que se pueden utilizar en el sitio con algunas extensiones propias.
Yo en lo personal agradezco a Stack OverflowStack 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 snippetsnippet de código .
El primero te permitirá resaltar código de cualquier lenguaje:
<!-- language: lang-java -->
<!-- language: lang-cpp -->
<!-- language: lang-js -->
<!-- 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
:
var foo = 'bar';
.bar {
width: auto;
}
<div class="foo"></div>
<!-- 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 snippetssnippets, 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. 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 código te saldrá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/respuesta 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 snippetssnippets es parecido al siguiente:
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- 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 -->
<!-- begin snippet: js hide: true console: true babel: false -->