Skip to main content
Mejorando formato. Agrego versión en código y real del snippet y ejemplo realista. Agrego resaltado de sintaxis.
Origen Enlace
user13558
user13558

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 bloque de codigo que un snippetsnippet de código snippet.

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í:

Snippet ocultado

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 -->

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 bloque de codigo que un snippet de código snippet.

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í

Snippet ocultado

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 -->

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 bloque de codigo que un snippet de código snippet.

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 -->
replaced http://meta.es.stackoverflow.com/ with https://es.meta.stackoverflow.com/
Origen Enlace

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áginaspá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 bloque de codigo que un snippet de código snippet.

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

Ocultar sippet

El código te saldrá así

Snippet ocultado

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 -->

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 bloque de codigo que un snippet de código snippet.

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

Ocultar sippet

El código te saldrá así

Snippet ocultado

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 -->

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 bloque de codigo que un snippet de código snippet.

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

Ocultar sippet

El código te saldrá así

Snippet ocultado

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 -->
Agregada diferencia entre snippet y bloque de codigo
Origen Enlace
devconcept
  • 12.8k
  • 8
  • 13

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.

ParaDebes tener en cuenta que no es lo mismo un bloque de código bloque de codigo que un snippet de código snippet.

El primero te salgapermitirá resaltar código de cualquier lenguaje

<!-- language: lang-java -->
<!-- language: lang-cpp -->
<!-- language: lang-js -->

mientras que el snippet colapsadosegundo 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

Ocultar sippet

El código te saldrá así

Snippet ocultado

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. Los snippets crean unEl texto como elinicial 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 -->

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.

Para que te salga el snippet colapsado 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

Ocultar sippet

El código te saldrá así

Snippet ocultado

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. Los snippets crean un texto como el 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 -->

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 bloque de codigo que un snippet de código snippet.

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

Ocultar sippet

El código te saldrá así

Snippet ocultado

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 -->
Origen Enlace
devconcept
  • 12.8k
  • 8
  • 13
Loading