WordPress desde VIM.

By | 1 octubre, 2013

Publicando en wordpress desde VIM fácilmente y sin complicaciones.

Hace unos días que inaugure este nuevo blog con la intención de ir publicando
todo lo que voy aprendiendo en mi día a día con el software libre y la
programación en general. Me decidí a usar wordpress por la cantidad de plugins
que tiene disponible y por ser bastante flexible (cosa que no logre encontrar en
blogger)

Ahora bien, como programador uno se acostumbra a trabajar con varios lenguajes
diferentes (C++, Python, Javascript, Asm y hasta vbs en una triste época de
antaño… ).

Todos estos lenguajes poseen sintaxis diferentes y formas de
trabajar diferentes ya que algunos como javascript son enfocados a la web
(aunque ahora esta en todos lados) y otros mas a entornos de escritorio o
hardware (como Asm que lo usaba para programar PIC en una época para mi dorada… 🙂 )

Para trabajar cómodamente con cada uno de estos lenguajes tuve que instalar unos
cuantos editores de código (cada uno enfocado a un lenguaje en particular) hasta
que un amigo me recomendó que aprenda a utilizar VIM. ¿ṕorque? fue lo primero
que le pregunte y la respuesta no se hizo esperar… “porque como programador
pasas demasiadas horas escribiendo código y lo que menos necesitas es tener que aprender a usar 4 o 5 editores distintos para lograr algo…”
.

aunque me pareció que estaba exagerando y no le preste mucha atención le dedique un tiempo a aprender VIM, y admito que la curva de aprendizaje no fue tan simple como con
otros editores (y hasta muchas veces lo mande a la mierda… ). Persevere y pude llegar a aprender a utilizarlo.

Me encanto poder usar C++ con algunas rutinas inline de asm y a la vez poder programar
también usando un toolkit como Qt (creo que era la 3.1 por aquel entonces…) todo desde un mismo sitio sin tener que andar enroscándome en boludeces de los IDES
(lo digo porque sufrí kdevelop en su momento…).

Ahora bien… ¿para que $%&/ me contas todo esto?, pues porque una vez mas VIM
fue la respuesta que necesitaba…

Al terminar de instalar y configurar wordpress, lo primero que hice fue ir
alegremente a “Todas las entradas/Añadir nueva” directamente con la intención de
comenzar a escribir un articulo y me tope con esta horrible escena:

captura.png

 

 

¿Que carajos es esto? ¿es una broma de mal gusto o que?

 

 

 

¿como pretenden los de wordpress que pueda editar mis artículos poniéndome al todopoderoso bloc de notas como editor…? Aja dije! hay un botón que de seguro va a desplegar un libreoffice de opciones para editar!, le doy clic y me encuentro con esto 🙁

 

captura2.png

 

 

 

Ok ok… me quede impresionado con lo que vi, ¿pegar desde word es mas
importante que la opción de cambiar el tamaño de la fuente?, ¿sera que poner un
par de botones mas consumiría demasiados recursos del navegador?…
instantáneamente puse a buscar un plugin que me permitiera cambiar ese
insulso editor por algo mas decente, y me encontré con TinyMCE Advanced

captura3.png

 

 

 

 

Con lo cual la cosa ya cambiaba un poco, ya podía agregarle un poco mas de opciones al editor por defecto de WordPress, pero aun seguía siendo un problema agregar fragmentos de código fuente sin necesidad de tocar el html del post.

Resignado decidí escribir algunos post usando este plugin y otro mas
que me permitía colorear un poco la sintaxis de los lenguajes que usaba WP-Syntax
(aunque todavía no publique nada que necesitara un resaltado de sintaxis
especial…).

Ahora bien… llegado a este punto recordé las palabras de mi amigo:
“porque como programador pasas demasiadas horas escribiendo código y
lo que menos necesitas es tener que aprender a usar 4 o 5 editores distintos para lograr algo…”.

Dije por dentro… naaa no creo que se pueda usar wordpress desde vim y sin dudar escribí en el
todopoderoso duckduckgo “vim wordpress !gh” y me quede como
culo en el agua (anonadado) con lo que encontré… ¡Si se puede!, y es mas, no
solamente se pueden escribir post usando VIM! sino que también se pueden
administrar varios blogs y escribir entradas o actualizarlas usando Markdown directamente, sin necesidad de complicarse la vida para nada. ¡Una vez mas VIM demostró ser la solución!.

El plugin al que me refiero se llama VimRepress
y nos permite gestionar fácilmente los artículos que deseemos,podemos editarlos
borrarlos crearlos publicarlos directamente o almacenarlos como borradores para
publicarlos luego.

Para instalarlo primero hay que tener instalado el paquete python-markdown

(en debían y derivados)

Una vez instalado este paquete iniciamos VIM y instalamos VimRepress (si usas
Vundle simplemente escribí

si no sabes como usar Vundle mira este este articulo done explico como usar Vundle para gestionar nuestros plugins. 🙂

Una vez instalado, necesitamos crear en nuestro $HOME un archivo llamado .vimpressrc con el siguiente contenido:

Una vez creado el archivo, lo rellenamos con los datos del blog:

Ahora bien, una vez echo esto para poder usar wordpress desde vim simplemente reiniciamos VIM disfrutamos… 🙂

Para crear un nuevo post escribimos

e inmediatamente vemos como se nos habré una
plantilla como esta para crear rápidamente un articulo.

Como te podrás imaginar, esta cabecera contiene los datos mas relevantes de tu post (como el nombre y las etiquetas entre otros). Basta con rellenar el campo “nombre” y los “Tags” ya que cuando publiquemos el post vim automáticamente
rellenara el campo StrID con el ID del post.

Una vez que completemos la cabecera estamos listos para escribir nuestro post, para ello vemos que el formato de edición es Markdown:

Si no sabes Markdown no te preocupes, es realmente muy sencillo de aprender y como veras agiliza muchísimo la edición de tus artículos.

Markdown es un lenguaje de marcado ligero (de ahí el nombre) que trata de equilibrar la legibilidad como hacer sencilla su publicación en diferentes formatos (ya sea html, pdf, etc…) su sintaxis es realmente sencilla y existen infinidad de cursos y guías en castellano donde podes aprenderlo en menos de 1 hora. 🙂

Aquí te dejo algunos enlaces para que lo aprendas rápidamente y sin
complicaciones:

Markdown: Enfocate en el texto

Markdown: Tutorial en español

Markdown: Tutorial interactivo

Una vez que terminamos de escribir nuestro post, escribimos en VIM el comando:

Para guardarlo como borrador o

Para publicarlo directamente 🙂

Si quisiéramos listar todos los post que tenemos en el blog debemos escribir:

y posicionarnos sobre el nombre de la entrada que deseamos editar, si presionamos (Enter) la abrimos y la podemos editar, pero si presionamos delete la borramos (asique ojo ahí)

O si quisiéramos ver todas las paginas escribimos:

Los mismos comandos se utilizan para las paginas (Enter para editar e delete para borrar).

¿Y si queremos ver como va quedando nuestro post?
Para eso esta el comando

¿y como hacemos con las imágenes?
La verdad es que esto fue una de las cosas que mas me gusto de este plugin 🙂
Para subir una imagen hay que usar el comando:

Este comando sube la imagen seleccionada directamente al almacén de medios de WordPress y inserta la imagen dentro del post 🙂

¿Y si quisiera trabajar con otro blog?
Con

vamos cambiando por los blogs que tenemos configurados en nuestro .vimpressrc 🙂

¿Algo mas?
¡Pues claro!, ¡El #$%&/ resatado de sintaxis! (Ese era el meollo de la cuestión no?)

Eso se logra simplemente escribiendo

Si escribimos

a secas interpreta el texto como un texto con un leve
resaltado, pero si escribimos

colorea el código como bash u el lenguaje que queramos…
tiene soporte para muchísimos lenguajes, solo es cuestión de ir
probando 🙂

Bueno, por ahora esto fue todo (aunque lo hice largo creo que esta medianamente completo ). Si sos tan amante de Vim como yo te aconsejo que aprendas a usar Markdown y VimRepress (de echo este post esta echo con esas herramientas) y disfrutes publicando desde nuestro editor favorito, ¡By Happy!! 🙂

Si te gusto el articulo, comentanos :)