¿Como colorear palabras en el código dependiendo de su sintaxis?

[g3kdigital]

Buenas, estoy haciendo un repositorio super rapido para un compañero en otra ciudad. En este hay minitutoriales muy rapidos sobre como usar o escribir código para lograr ciertas modificaciones.

Ahora en estos momentos para colocar código uso las etiquetas

Código HTML:

<pre> 

, y cuando el código es muy complejo inserto un pen de codepen, ahora yo no quisiera embeber cientos de pen por cada cambio o variación de código, sino más bien colocarlo al final con el ejemplo ya listo y usar mejor la etiqueta "pre" para envolver el código, pero quiero que este coloree las palabras según la sintaxis usada en los lenguajes, algo muy parecido como hacen acá en foros del web.

¿Que suelen usar para lograr esto?

[Triby]

Resaltado de sintáxis con Javascript: https://highlightjs.org/