Skip to main content

Crear y resaltar bloques de código

Compartir muestras de código con bloques de código cercados y habilitar el resaltado de la sintaxis

Bloques de código delimitados

Puede crear bloques de código delimitados colocando comillas simples triples ``` antes y después del bloque de código. Te recomendamos dejar una línea en blanco antes y después de los bloques de código para facilitar la lectura del formato sin procesar.

```
function test() {
  console.log("notice the blank line before this function?");
}
```

Bloque de código cercado representado

Sugerencia: Para preservar su formato en una lista, asegúrese de dejar una sangría de ocho espacios en los bloques de código no delimitados.

Para mostrar las comillas simples triples en un bloque de código cercado, enciérralas en comillas simples cuádruples.

````
```
Look! You can see my backticks.
```
````

Código cercado interpretado con un bloque de comillas inversas

Resaltado de sintaxis

Puedes agregar un identificador opcional de idioma para habilitar el resaltado de la sintaxis en tu bloque de código cercado.

Por ejemplo, para resaltar la sintaxis del código Ruby:

```ruby
require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html
```

Bloque de código cercado representado con sintaxis de Ruby resaltada

Usamos Linguist (Lingüista) para realizar la detección de idioma y seleccionar gramáticas de terceros para el resaltado de sintaxis. Puede averiguar qué palabras clave son válidas en el archivo YAML de idiomas.

Información adicional