PrismJS Gloom Theme
Al mudarme a Ghost de WordPress, tuve que dejar los plugins atras que usaba en WordPress, y uno de ellos precisamente era para tener una mejor Sintaxis al momento de comaprtir código de programación.
Antes usaba un plugin para crear esta Sintaxtis pero el plugin que usaba solo tenía el tema que muchos usan en y es Monokai. No digo que esta feo, pero hay muchos sitios web que lo usan.
Entonces opte por tratar de crear uno que a mi me gustará, para eso tenía que usar una librería y es donde me encontré a PrismJS.
PrismJS
Muchos han de conocer PrismJS, es una librería para crear esta Sintaxis al momento de compartir código de programación. Por desgracia ningún tema que existe me gustaba. Pero es muy fácil de crear un tema, lo único que tienes que hacer es modificar el CSS con los colores y todas las clases que tu quieras modificar.
Es lo que hice yo, me base en el tema que uso en Atom que se llama Gloom, se los comparto a ustedes por si les gusta este estilo, y lo puedan usar con PrismJS.
Reposotorio Git
Lo único que tienen que hacer es bajar el archivo prism-gloom.css y agregarlo como una hoja de estilos CSS quedando de esta manera:
<!DOCTYPE html>
<html>
<head>
...
<link href="gloom-prism.css" rel="stylesheet" />
</head>
<body>
...
<script src="prism.js"></script>
</body>
</html>Les dejo unos ejemplo de como se ve:
PHP
namespace my\name;
$c = new \my\name\MyClass;
$arr = [1,2,3];
trait ezcReflectionReturnInfo {
function getReturnType() { /*1*/ }
function getReturnDescription() { /*2*/ }
}
function gen_one_to_three() {
for ($i = 1; $i <= 3; $i++) {
// Note that $i is preserved between yields.
yield $i;
}
}Python
def median(pool):
'''Statistical median to demonstrate doctest.
>>> median([2, 9, 9, 7, 9, 2, 4, 5, 8])
7
'''
copy = sorted(pool)
size = len(copy)
if size % 2 == 1:
return copy[(size - 1) / 2]
else:
return (copy[size/2 - 1] + copy[size/2]) / 2
if __name__ == '__main__':
import doctest
doctest.testmod()