Cómo mostrar bloques de código en Medium

Y cómo escribir código en línea e incrustar código para resaltar la sintaxis

Medium facilita la adición de bloques de código y en línea

Medium tiene un atajo oculto que convertirá el texto en texto sin formato ...

if (desarrollador === verdadero) {

seguir (this.mediumPublication);

}

... en un bloque de código formateado:

if (developer === true) {
 follow(this.mediumPublication);
}

Para lograr esto, seleccione el texto, luego presione:

  • Windows : Control + Alt + 6
  • Mac : Comando + Opción + 6
  • Linux : Control + Alt + 6

Actualización del 19 de octubre de 2016: Medium ahora también admite la convención común de iniciar un bloque de código con tres retrocesos. Si escribe `` '' en una nueva línea, Medio ahora cambiará al modo de entrada de código. ¡Muchas gracias a Luke Esterkyn y al resto del equipo de Medium por implementar esto!

También puede resaltar el código en línea seleccionándolo y luego haciendo clic en la tecla de tilde (`). Por ejemplo, puede formatear texto como código freeCodeCamp()justo en el medio de una oración.

También puede incrustar gists de GitHub pegando su URL en una línea en blanco, luego presionando enter:

Cómo incrustar aplicaciones web

Como beneficio adicional, puede incrustar aplicaciones ejecutables directamente en Medium. En caso de que no se muestren correctamente en las aplicaciones móviles de Medium, recomiendo incluir enlaces debajo de cada una de las incrustaciones como respaldo.

Pegue una URL de CodePen.io en Medio, luego presione enter:

Vea mi CodePen aquí.

También puede hacer esto con JSFiddle.net:

Vea mi JSFiddle aquí.

Pero no uses imágenes de código.

Aunque pueda parecer conveniente tomar capturas de pantalla de su código y pegarlas en Medium, no lo haga.

Medium aún no tiene una opción de texto alternativo, por lo que esto hará que su código sea completamente inaccesible para los desarrolladores con discapacidad visual. Y sí, están ahí fuera.

Tampoco puede cambiar el tamaño de fuente de las imágenes estáticas, lo que hace que sea difícil de leer en un teléfono móvil (que es donde la mayoría de la gente lee Medium).

Finalmente, esto hace que sea imposible para los lectores copiar y pegar su código.

Lo sé, lo sé, no deberías copiar y pegar código de todos modos.

Pero seamos realistas, la gente lo hace. Y la mayoría de la gente abandonará rápidamente su tutorial si se enfrenta a la posibilidad de escribir manualmente una gran cantidad de código.

Entonces, para recapitular:

  • usar bloques de código nativo de Medium
  • o incrustar gists de GitHub
  • use ejemplos de trabajo de CodePen y JSFiddle cuando sea posible
  • pero no pegues imágenes de código

¡Feliz codificación y escritura sobre codificación!

Solo escribo sobre programación y tecnología. Si me sigues en Twitter no perderé tu tiempo. ?