Editor de código Atom para nuestro blog en Jekyll

Atom es un editor de código open source creado por Github, multiplataforma, corre bajo Windows, MacOS y GNU/Linux, y ampliable mediante paquetes.

¿Porqué elegí Atom?

Principalmente por su integración con Github ,el blog está alojado en GitHub, que mejor cosa que utilizar el editor hecho por ellos.

Si bien es verdad que dar formato a las entradas del blog con Markdown no requiere de ningún editor potente y podría valerme cualquier editor de texto sencillo, el hecho de poder realizar los commits desde el propio programa y otras funcionalidades que veremos, hizo que me decidiera por él.

Instalación y configuración

Si usas Gnu/Linux, seguramente esté disponible desde los repositorios de tu distribución. Pero si prfieres bajarte la ultima version estable o si usas Windows lo puedes descargar desde su página oficial.

En mi caso uso Antergos Linux:

 sudo pacman -S atom

Tras la instalación, la primera vez que lo ejecutes deberias tener una pantalla parecida a esta:

Se pueden instalar multitud de paquetes que mejoran su funcionabilidad, yo he instalado un par que te vendrán bien hasta que te acostumbre a la sintaxis de Markdown , como son :

También he instalado el paquete Git-Plus que permite enviar comandos Git del tipo add, commit, push, etc. desde Atom sin necesidad de usar la terminal.

Para instalar estos paquetes nos vamos al menú Edit->Preferences

Seleccionamos + Install

En el cuadro de búsqueda pondremos el nombre o palabra descriptiva del paquete que queremos instalar y pulsamos en el boton Packages

En la lista que aparece pulsamos sobre el botón Install del paquete deseado.

Una vez instalado podemos configurar sus opciones pulsando en el botón Settings Tambien se pueden cambiar las opciones de un paquete ya instalado desde el menú Edit -> Preferences -> Packages

Para el paquete Markdown-Writer hay que cambiar un par de opciones para tenerlo optimizado.

Cambiamos la extensión para los ficheros nuevos a .md

Y también cambiamos, personalizando lo que corresponda en cada caso :

Con estos pequeños arreglos ya estamos preparados para empezar ha trabajar.

Añadir un proyecto

Para trabajar con nuestro blog, después de clonarlo en nuestro disco como vimos en el articulo anterior, debereros de añadirlo.

En el menú File->Add Project Folder

Y seleccionamos la carpeta que contiene el repositorio.

Si has hecho bien los pasos anteriores te debería de aparecer un árbol con las carpetas y ficheros del repositorio.

Corregir la Ortografía

Atom dispone de un corrector ortográfico, subraya de color rojo las palabras que no encuentra en su diccionario.

Pulsando con el botón derecho sobre la palabra mal escrita nos ofrece las alternativas de corrección.

Colores de Atom

Por defecto atom marca con diferentes colores el estado de nuestros ficheros con respecto al repositorio clonado.

En la captura de pantalla vemos que tenemos ficheros de color verde, blanco, gris y naranja.

  • Gris : El fichero o carpeta se ha añadido dentro del fichero .gitignore y será ignorado por git
  • Verde: Nuevo en el proyecto.
  • Naranja: Ha sido modificado y está sin commit
  • Blanco: Sin cambios

Usando Git

Gracias a al paquete Git-Plus podemos utilizar comando de git desde Atom.

Lo podemos utilizar de forma individual sobre un fichero, haciendo click con el botón derecho sobre el fichero y elegir la acción deseada.

Cuando hagamos un commit se nos mostrará el estado de la operación y si nos abrirá una pestaña para poder introducir el mensaje para el commit.

Ponemos el mensaje y pulsamos Ctrl+S para salvar el mensaje, o desde File->Save, para finalizar.

Vemos como ha cambiado el color del archivo pasando de verde a blanco.

En la parte inferior derecha podemos ver el estado del repositorio y posando el puntero del ratón sobre la barra, nos amplia la información

También podemos hacer push sobre el fichero, al igual que antes, basta con pulsar boton derecho sobre el fichero

En la parte infrerior nos muestra el resultado

Si en vez de un fichero queremos hacer lo anterior sobre todo el repositorio, lo podemos hacer desde el menu Packages -> Git Plus

Básicamente con esto seria suficiente para poder trabajar sobre el blog, evidentemente Atom es mucho mas potente y puedes darle un uso mas productivo, con la paleta de comandos, otros paquetes, etc, pero como digo para manejar el blog creo que es más que suficiente.

comentario powered by Disqus