Como incluir codigo fuente en Blogger y en Medium

Medium – Where good ideas find you. Qué es Blogger y cómo funciona? ≫ Ventajas y desventajas

 

Hace mucho tiempo yo cuando quería incluir código en mi blog tenia que ser como una imagen o usaba un script en javascript como el que nombran aqui

Pero ahora desde ya hace mucho tiempo que veo que código perfectamente coloreado (independiente del lenguaje) y con la leyenda " hosted with ❤ by GitHub" como la siguiente imagen 


 

Para hacer esto lo primero que tenemos que hacer es logearnos en github y crear un gists, para hacerlo hay que seguir los siguientes pasos. 

 

1)Hacer clic en el perfil e ir a "your gists"

 

 

2) Ahí se mostraran los gists que actualmente tienes, pero si estas leyendo este articulo de como hacerlo, esta lista debería estar vaciá. 


 3) Ahí te aparecerá una pantalla como esta, donde tienes que poner el nombre del archivo, la descripción y el código que quieras. Importante al momento de crearlo  debes crearlo como public, como se muestra al final de la siguiente imagen.

 

 

4)  Y ahí te aparecerá la opción de copiar el script para ser incluido, el código es script src , como se muestra a continuación.

<script src="https://gist.github.com/vhspiceros/371a14117363252a2a170ad34b677988.js"></script>
view raw script.html hosted with ❤ by GitHub




Finalmente ahora es simplemente copiar en Medium o blogger y listo!!! En Medium tiene una interfaz mas amigable haciendo clic en embed y en blogger al menos yo lo hago en la edición de html. 


Espero les sirva esta entrada

--
Atte.
Víctor Hugo Saavedra
http://vhspiceros.blogspot.com

Ubicación: Santa Cruz, O'Higgins, Chile

Comentarios

Publicar un comentario

Entradas populares de este blog

Buscar columnas en todas las tablas SQL SERVER

Imagen
Hace un tiempo necesitaba encontrar en todas las tablas que se encontraba una columna con "x" nombre.  Esto por que yo no conocía el modelo de la base de datos y no quería darme el trabajo de buscar tabla por tabla.  Aquí dejo una query para poder realizar la búsqueda de forma rápida en  SQL SERVER Solo hay que cambiar donde dice " myFieldName " por el nombre de la columna que desean buscar.  Actualización Agosto 2022, Según los comentarios también se puede buscar de forma fácil con la siguiente consulta SQL -- Atte. Víctor Hugo Saavedra http://vhspiceros.blogspot.com
Leer más

"is not null" o "<> Null" en Sql Server

Imagen
Trabajando con NHinbernate. y mapeando unas clases, guardaba unos datos y hacia esta consulta que para mi estaba bien: select   *   from   table   where  campo  <>   NULL ; Pero lamentablemente no me arrojaba los datos que yo necesitaba y luego darle y darle vueltas hice esta consulta. select   *   from   table   where  campo  is   not   NULL ; Y ahí me di cuenta que el mapeo de Hibernet, y los cambios que había hecho estaban bien. Perdí toda una mañana de trabajo por esto :(.  El resumen de esa mañana fue darme cuenta no es lo mismo "is not null" o  "<> Null", por lo menos en SQL SERVER.  Como una lección aprendida siempre voy a consultar "IS NOT NULL" o "IS NULL", según sea el caso.  Actualización:   Video de Teclado Mecanico Hp gk200, con interruptores Outemu Blue. Video de mi Canal.  Ahora ya que están de moda los teclados mecánicos no me quería quedar atrá...
Leer más

Install Oracle 19C in local with Docker

Imagen
I need to work with Oracle in specify the version 19C, But I really don't would like install in my local environment, So I tried to install as docker container with success result. 1.- First step obviouslyis install docker desktop from https://www.docker.com/products/docker-desktop/ 2.- Download the cdocker image with the follow command docker pull doctorkirk/oracle-19c 3.- Create directory in your local machine (to not lose the information when stop docker ) and create a container. Here one example docker run --name oracle-container -m 5g -p 1521:1521 -e ORACLE_SID=oracle -e ORACLE_PWD=123456789 -e ORACLE_MEM=2000 -v C:/work/oracle-19c/oradata/:/opt/oracle/oradata doctorkirk/oracle-19c In this case the swap direcory is  C:/work/oracle-19c/oradata/ 3.- Get the id of container and and run it 4.- Finally you can connect by database client like dbeaver or  SQl developer with the similar configuration -- Atte. Victor Hugo Saavedra http://vhspiceros.blogspot.com
Leer más