Sabiavida

Sabiduría en práctica | Miguel de Luis

blog, más rápido y fácil

| 22/12/2011

Sis­tema de crea­ción de blogs minimalista

Si vol­viera a crear este blog no lo haría en word­press, ni en tum­blr, ni en nada. Sucede que he encon­trado una forma más fácil y rápida de publi­car. Una que se inventó en los 80 y que para un blog mini­ma­lista es más que sufi­ciente. Eso sí, apro­ve­chando herra­mien­tas de los 90.

¿Cómo lo haría?

Si te han intere­sado mis posts sobre mi libro-juego, ya pue­des intuir por dónde voy a ir. Déjame abun­dar un poco más, en cual­quier caso.

Crear el blog

Para ello bus­ca­ría un host que pro­por­cio­nara un buen pre­cio para un página de con­te­nido está­tica. Éstas emplean muy poco recur­sos para los ser­vi­do­res actua­les, por lo que pue­des con­se­guir pre­cios mejo­res. Des­pués bus­ca­ría un nom­bre de dominio.

Estos los dos pun­tos los doy por sabidos.

Hola mundo

Des­pués crea­ría la página de inicio. Para ello usa­ría byword, que es exac­ta­mente lo que estoy usando ahora, y escri­bi­ría en mul­ti­mark­down, com­pi­lando el resul­tado des­pués en html.

A la página creada la lla­ma­ría index.html y la subiría a mi ser­vi­dor con ftp seguro. Para ello usa­ría FileZilla.

Uy, ¡que difícil!

No, en abso­luto, de hecho me resulta más rápido que crear la página en wordpress.

Estilo y CSS

Una página en html plano es fea; si le aña­des estilo en el mismo código de la página se hace her­mosa, pero dema­siado grande. Afor­tu­na­da­mente hay solu­ción: fiche­ros de estilo CSS.

¡Hom­bre, pero ten­dré que apren­der CSS y eso es un latazo!

Nada más falso, gen­tes de poca fe y mucha pereza, por­que hay unos boni­tos fiche­ros CSS pre­ge­ne­ra­dos para nues­tro uso y dis­frute: Los esti­los core de la gente maja de W3C. Si, por ejem­plo, deseas que tu página use el estilo core tra­di­tio­nal bastaría con que aña­dáis la siguiente línea de código entre los de vuestros archivos html:

<html>
<head>
    <link rel="stylesheet" href="http://www.w3.org/StyleSheets/Core/Traditional" type="text/css">
 </head>

Y donde pone tra­di­tio­nal ponéis el nom­bre de otro de los esti­los. Ved el resul­tado que apa­rece en mi página de game­books, donde tengo hecho un sen­cí­lli­simo blog para dar cuenta de las nove­da­des de la página.

Pero mul­ti­mar­down lo hace más fácil

Escri­bes esta línea antes que nada en tu documento

CSS: http://www.w3.org/StyleSheets/Core/Traditional" type="text/css

Y al expor­tar, auto­má­ti­ca­mente te pone los códi­gos html nece­sa­rios. Esto es abso­lu­ta­mente genial, por­que los esti­los core están muy bien hechos y la tipo­gra­fía de tu página, gus­tos apar­tes, estará per­fecta1.

Ade­más byword tiene la opción de que te per­mite expor­tar pági­nas con el mismo aspecto que usas para escri­bir en la apli­ca­ción, que es expre­sa­mente mini­ma­lista. Ved el resul­tado en mi pri­mer y único libro-juego

Entra­das

Para las entra­das, pági­nas y demás con­te­ni­dos haría exac­ta­mente lo mismo: redac­ción en Byword, com­pi­lar a html (tarda segundo y medio) y subir por FTP (pre­fe­ri­ble­mente en su ver­sión segura).

Eti­que­tas, SEO y zaran­da­jas varias

Mul­ti­mark­down per­mite eti­que­tar muy fácil­mente cual­quier docu­mento2.

Basta que empe­céis, y digo empe­zar, tiene que ser la pri­mera línea, con el siguiente código

Title: Mi hermoso post. 
Subtitle: El hermoso subtítulo de mi hermoso post. 
Author: Periquito Pérez de los Palotes
Keywords: Etiqueta1, Etiqueta2, Etiqueta3
Language: Spanish
Date: 12/12/2011
Revision: 1.0
CSS: http://www.w3.org/StyleSheets/Core/Traditional" type="text/css 

Como véis la línea de decla­ra­ción CSS (donde eli­ges que estilo quie­res usar) va junto con el resto de datos meta. Estos datos meta deben ser lo pri­mero que apa­rezca, vuelvo a repe­tir, no puede exis­tir ni una línea en blanco antes, pero entre ellos no es nece­sa­rio seguir nin­gún orden espe­cial para que funcione.

Lo fun­da­men­tal es que estáis eti­que­tando la entrada, al igual que lo hariáis en un blog nor­mal, y esto es lo que quie­ren ver los bus­ca­do­res. Sí nece­si­ta­réis pen­sa­ros un poco las eti­que­tas para que se quede bien categorizado.

Otras ven­ta­jas de byword

No, no me pagan, ni estoy afi­liado, son un mal­dito fan, ¿vale?

Pue­des escri­bir mark­down en cual­quier edi­tor de tex­tos del mundo, pero a mí byword me gusta por sus capa­ci­da­des de expor­ta­ción (a pdf, rtf, word, latex y html) y su entorno mini­ma­lista de tra­bajo que no dis­trae en nada.

Pero ade­más,

1. Pue­des tra­ba­jar con ata­jos de teclado

Por ejem­plo ctrl i te pone las dos ** que nece­si­tas para escri­bir en itá­lica; ctrl k lo que nece­si­tas para crear un enlace que es [título enlace](http://enlace.noes) (ctrl o tecla del mac)

2. Pre­vi­sua­li­za­ción

Otro ata­jito de teclado y ves el resul­tado de tu docu­mento tal cual va a quedar.

3. Orto­gra­fía y Gramática

Va bien, auto­de­tecta el idioma sin decirle nada, genial para los aspi­ran­tes a bilin­gües como un servidor.

4. Modo Máquina de escribir

La pan­ta­lla se cen­tra en donde estás escri­biendo, como se hacía en una máquina de escri­bir tra­di­cio­nal. Gra­cias a eso no estás mirando a la parte baja de tu monitor.

¿Y qué?

Pues que tu cue­llo no está doblado hacia abajo todo el rato. Pre­gunta a cual­quier ofi­ci­nista los boni­tos dolo­res que eso conlleva.

Eso es todo

Como os digo, a pesar de que la ten­ta­ción es muy grande, no voy a qui­tar a Sabia­Vida de word­press. Sería vol­ver a escri­bir unos tres­cien­tos posts y tar­da­ría un ratito en hacerlo. Ade­más podrían per­derse los enla­ces en el camino.

Lo que sí voy a hacer es escri­bir todos mis post off-line, en byword, com­pi­lar­los luego en html y pegar el resul­tado en el edi­tor de word­press (modo html, por supuesto). Luego le añado las eti­que­tas y a espe­rar un ratito (mi cone­xión es móvil y por lo visto eso sig­ni­fica lenta)

Pero si empe­zara otra vez… No, no lo voy a hacer, pero qui­zás alguien esté pen­sando en crear uno nuevo. Si eres tú, de nada :)

Dos útiles enla­ces, oiga


  1. Por supuesto pue­des crear tus pro­pios esti­los CSS o adap­tar alguno de los core (que creo que es más fácil y dará mejor resul­tado) ↩

  2. Y aña­dir notas al pie chu­las con un código muy sen­ci­llo, ver el manual ↩

Tér­mi­nos de búsqueda:

  • crea­cion del blog mas facil del mundo
  • el blog más facil del mundo
  • crea un blog facil
  • el blog mas facil
  • blog mas facil
  • el blog mas facil de usar
  • el blog mas minimalista
  • blog mas rapido
  • invento rapido y facil
  • cual es el blog mas facil

Comparte en Twitter | Facebook