Insertar codigo fuente (code snippets) con estilo en Blogger

    , ,     No hay comentarios
Vamos a ver cómo insertar código con estilo en Blogger, también llamados code snippets o syntax highlighting, instalando la librería Highlight.js.

Hace tiempo que la librería SyntaxHighlighter de Alex Gorbatchev's, que en su tiempo era la más famosa en los blogs de blogger no es compatible y no ha sido actualizada. Os dejo el enlace por si alguien tiene interés en echarle un ojo: SyntaxHighlighter.

Como consecuencia, me he visto obligado a buscar alguna alternativa, y tras algunas horas (para encontrarla más que para usarla) he encontrado una muy buena opción que es Highlight.js. Así que me tomo nota y os dejo explicado cómo se configura y se usa.

Qué es Highlight.js

Highlight.js es una librería JavaScript que nos pone "bonito" el código fuente (en inglés a los trozos de código se les llama code snippets), con los colores de cada lenguaje de programación, resaltando las palabras clave, constantes, etc.

La librería puede usarse en cualquier proyecto web, y yo la he aprovechado para mis aportaciones de código fuente en mi blog de Blogger.

Guía paso a paso:

  1. Lo primero que yo haría es una copia de seguridad del tema o plantilla de Blogger, por si la liáis parda. Para ello, vamos al menú de Blogger -> Tema y arriba a la derecha tenemos un botón que pone "Crear/Restablecer copia de seguridad". Le damos a "Descargar Tema" y listo.
  2. Vamos a editar el tema, que para eso lo hemos salvado. En la misma pantalla de Temas, le damos al botón "Editar Html".  Nos saldrá el editor feo de blogger.
  3. En el editor incluimos entre las etiquetas <head> </head>, el siguiente código fuente:
    4. <!-- Syntax Highligting -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/languages/go.min.js'/>
<link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/vs.min.css' rel='stylesheet'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/highlight.min.js'/>
<script>hljs.initHighlightingOnLoad();</script>
<!-- FIN Syntax Highligting -->
    Básicamente, lo que hemos hecho es incluir las librerías de highlight.js en nuestro blogger para poder usarla.
  4. Por tanto, ya podemos usarla, es tan sencillo como meter nuestro código fuente entre las etiquetas siguientes:
    5.  <pre>  
 <code class="html">   
 Nuestro código va aquí  
 </code>  
 </pre>
    En el atributo "class" de la etiqueta <code> debemos especificar el lenguaje de programación de nuestro code snippet. En nuestro caso era html.
Los lenguajes que por defecto soporta highlight.js con el include del CDN que estamos usando son los que se muestran en la siguiente imagen, sin embargo se pueden usar muchos más que son descargable para incluirlos en la cabecera de nuestro blog. Os dejo después de la imagen en enlace de descarga para otros lenguajes de programación.

 

Puedes configurar Highlight.js con otros lenguajes de programación.

Eso es todo, espero que os sea útil, a mí seguro, para otros blogs o si cambio el tema.

Hasta pronto! 

Continuar Leyendo...

spacer

Crear una tabla de objetos en Oracle

    , ,     2 comentarios
Vamos a ver en éste post cómo crear una tabla de objetos en Oracle. Para ello, vamos a crear primero un objeto y sobre ése objeto construiremos una tabla que contendrá en unos de sus campos al citado objeto.
Crear una tabla de objetos en Oracle

Tomaremos como ejemplo el objeto "direccionOBJ" que es una dirección postal: 
CREATE OR REPLACE TYPE direccionOBJ as OBJECT
(
   calle VARCHAR2(20),
   ciudad VARCHAR2(20),
   codProvincia CHAR(2),
   cPostal CHAR(5)
);
Ahora creamos una tabla de empleado, que contiene al objeto direccion (de tipo direccionOBJ): 
CREATE TABLE empleado 
(
  numEmpleado   NUMBER(3),
  nombre VARCHAR2(20),
  direccion direccionOBJ
);
Vamos a crear ahora una fila para nuestra tabla de empleados: 
INSERT INTO empleado VALUES 
(139, 'Antonio', direccionOBJ('Calle Sierpes','Sevilla','41','41001'));

Crear una tabla a partir de un objeto Oracle 

A continuación vamos a crear una tabla oracle con los objetos direccionOBJ y vamos a copiar todas las direcciones de nuestra tabla de empleados a ésta tabla: 
CREATE TABLE tabla_direcciones OF direccionOBJ;
Insertamos las direcciones: 
INSERT INTO tabla_direcciones 
    SELECT e.direccion
    FROM empleados e;
Así hemos transformado el objeto direccionesOBJ en una tabla que podemos consultar. Vamos a hacer un "select" de nuestra tabla:
SELECT ciudad FROM tabla_direcciones
Ya ésta, así de simple... (o de difícil) ;)

Continuar Leyendo...

spacer