you what tag source site script not kind codex code blog allowed wordpress syntax-highlighting blogs

what - ¿Cómo agrego el resaltado de sintaxis a un blog de WordPress alojado en WordPress.com?



wordpress codex (8)

Me gustaría tener un buen marcador de sintaxis para mi blog de WordPress. ¿Qué opciones tengo disponible? A menudo veo uno que tiene resaltado de sintaxis bien coloreado y opciones para copiar al portapapeles. ¿Alguien tiene una idea de qué herramienta es esta?

Aquí hay una opción fuera de línea (sé que estás preguntando acerca de la herramienta en línea, pero por las dudas ...)

Utilizo herramientas sin conexión para procesar la entrada del blog con ejemplos de código fuente en formato html y luego solo publico el html.

Es realmente justo:

  • desplace el código fuente por al menos 4 espacios y especifique el idioma en la primera línea como :::html
  • ejecuta tu archivo a través de:

secuencia de comandos python:

import markdown html = markdown.markdown(text,[''codehilite''])

Configuré el descuento con pygments, probablemente podrías usar pygments para el código fuente. Ejecuta el archivo pensado en el guión y luego copia y pega el html en tu blog.

Puede volcar el estilo css, resaltar la sintaxis, desde los pygments y luego vincularlo o incluirlo en su página. No estoy seguro si wordpress lo admite.

A continuación, se explica cómo configurar el descuento con pygments para resaltar la sintaxis (para Blogger: los únicos detalles de Blogger es que actualiza el css de Blogger con el css para resaltar el código).

En wordpress.com, no puede instalar complementos, por lo que debe usar el widget integrado de Wordpress.

Hazlo como:

[code language=''python''] [/code]

Tenga en cuenta que esas etiquetas van dentro de su editor visual, no del editor de HTML.

Puede encontrar más información here .

He desarrollado un complemento de resaltado de sintaxis ligero para WordPress llamado "Mivhak". El complemento tiene un editor de código backend para insertar código fácilmente, con comprobación de errores en tiempo real y resaltado de sintaxis. También es altamente personalizable.

El complemento está alojado en wordpress.org

La mejor forma de resaltar la sintaxis es usar prismjs, que es completamente gratuito con increíbles funciones.

  1. Tiene soporte para casi todos los lenguajes de programación, scripts de shell y mucho más.

  2. Es muy liviano y no saturará la velocidad de sus sitios como otros complementos de resaltado de sintaxis.

Para configurar prismjs necesitas hacer pequeños ajustes de código en tu archivo function.php. Siga los turoails en este blog http://skillslane.com/setup-syntax-highlighter-for-wordpress/

Si no quiere, o no puede instalar cosas en su blog, le sugiero que use pygments para resaltar su código. Describí esto here .

SyntaxHighlighter es una herramienta bastante buena. Utiliza JavaScript con clases de CSS para marcar los elementos HTML que deben resaltarse. También permite que el código se copie en el portapapeles y se imprima.